
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	scrollbar-arrow-color: #1ba4ff;
	scrollbar-face-color: #1ba4ff;
	scrollbar-shadow-color: #1ba4ff;
	scrollbar-track-color: #fafafa;
}

body {
	margin: 0;
	overflow: hidden;
	font-family: PingFang, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
	font-size: .75rem;
	line-height: 1.7;
	color: rgba(0, 0, 0, .54);
	background-color: #fff;
}
* {
	margin: 0;
	padding: 0
}

.hide {
	display: none!important
}
.task-main-container{
input {
	border-radius: 0;
	outline: none
}

.table {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 0 5px;
	margin: 0 auto;
	color: #000;
	table-layout: fixed
}

.table .table-cell {
	position: relative;
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: normal;
	vertical-align: middle
}

[contentEditable] {
	outline: none
}

[contentEditable]:empty:before {
	color: #a9a9a9;
	content: attr(placeholder)
}

ul {
	padding: 0;
	margin: 0
}

li {
	list-style-type: none
}



.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.click-disabled {
	opacity: .7!important;
	pointer-events: none
}

.clear-both-by-after:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

@media print {
	*,
	:after,
	:before {
		text-shadow: none!important;
		box-shadow: none!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,
	tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
	.navbar {
		display: none
	}
	.btn>.caret,
	.dropup>.btn>.caret {
		border-top-color: #000!important
	}
	.label {
		border: 1px solid #000
	}
	.table {
		border-collapse: collapse!important
	}
	.table td,
	.table th {
		background-color: #fff!important
	}
	.table-bordered td,
	.table-bordered th {
		border: 1px solid #ddd!important
	}
}


*,
:after,
:before {
	box-sizing: inherit
}

@-moz-viewport {
	width: device-width
}

@-ms-viewport {
	width: device-width
}

@-o-viewport {
	width: device-width
}

@-webkit-viewport {
	width: device-width
}

@viewport {
	width: device-width
}



[tabindex="-1"]:focus {
	outline: none!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #f2f6fb
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}

dl,
ol,
ul {
	margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

blockquote {
	margin: 0 0 1rem
}

a {
	color: #0275d8;
	text-decoration: none;
	outline: none
}

a:focus,
a:hover {
	color: #014c8c;
	text-decoration: underline
}

pre {
	margin-top: 0;
	margin-bottom: 1rem
}

figure {
	margin: 0 0 1rem
}

img {
	vertical-align: middle
}

[role=button] {
	cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

table {
	background-color: transparent
}

caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #f2f6fb;
	caption-side: bottom
}

caption,
th {
	text-align: left
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button:focus {
	outline: none
}

button,
input,
select,
textarea {
	margin: 0;
	line-height: inherit;
	border-radius: 0
}

textarea {
	resize: vertical
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit
}

input[type=search] {
	box-sizing: inherit;
	-webkit-appearance: none
}

output {
	display: inline-block
}

[hidden] {
	display: none!important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

h1 {
	font-size: 2.5rem
}

h2 {
	font-size: 2rem
}

h3 {
	font-size: 1.75rem
}

h4 {
	font-size: 1.5rem
}

h5 {
	font-size: 1.25rem
}

h6 {
	font-size: 1rem
}

.h1 {
	font-size: 2.5rem
}

.h2 {
	font-size: 2rem
}

.h3 {
	font-size: 1.75rem
}

.h4 {
	font-size: 1.5rem
}

.h5 {
	font-size: 1.25rem
}

.h6 {
	font-size: 1rem
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
	font-size: 80%;
	font-weight: 400
}

.mark,
mark {
	padding: .2em;
	background-color: #fcf8e3
}

.list-inline,
.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-inline-item {
	display: inline-block
}

.list-inline-item:not(:last-child) {
	margin-right: 5px
}

.dl-horizontal {
	margin-right: -1.875rem;
	margin-left: -1.875rem
}

.dl-horizontal:after {
	content: "";
	display: table;
	clear: both
}

.type-headline3 {
	font-size: 2.375rem;
	color: #333;
	font-weight: 700
}

.type-headline2 {
	font-size: 1.75rem;
	color: #333
}

.type-headline {
	font-size: 1.5rem;
	color: #333
}

.type-header {
	font-size: 1.125rem;
	color: #333;
	font-weight: 700
}

.type-subheader {
	font-size: 1rem;
	color: #333
}

.type-menu-black {
	font-size: .875rem;
	color: #333;
	font-weight: 700
}

.type-menu-white {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96);
	font-weight: 700
}

.type-body2-black {
	font-size: .875rem;
	color: #333
}

.type-body2-white {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.type-body1-black {
	font-size: .75rem;
	color: #666
}

.type-body1-white {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46)
}

.type-body-black {
	font-size: .75rem;
	color: #333
}

.type-body-white {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.type-caption-black {
	font-size: .75rem;
	color: #666
}

.type-caption-white {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.type-disable {
	font-size: .75rem;
	color: #a3a3a3
}

.type-link {
	font-size: .75rem;
	color: #1ba4ff
}

.type-system {
	font-size: .75rem;
	color: #617a8b
}

.headline3-gray-primary {
	font-size: 2.375rem;
	color: #333
}

.headline3-gray-secondary {
	font-size: 2.375rem;
	color: #666
}

.headline3-gray-disable {
	font-size: 2.375rem;
	color: #a3a3a3
}

.headline3-white-primary {
	font-size: 2.375rem;
	color: hsla(0, 0%, 100%, .96)
}

.headline3-white-secondary {
	font-size: 2.375rem;
	color: hsla(0, 0%, 100%, .66)
}

.headline3-white-disable {
	font-size: 2.375rem;
	color: hsla(0, 0%, 100%, .46)
}

.headline3-link-primary {
	font-size: 2.375rem;
	color: #1ba4ff
}

.headline3-system-primary {
	font-size: 2.375rem;
	color: #617a8b
}

.headline2-gray-primary {
	font-size: 1.75rem;
	color: #333
}

.headline2-gray-secondary {
	font-size: 1.75rem;
	color: #666
}

.headline2-gray-disable {
	font-size: 1.75rem;
	color: #a3a3a3
}

.headline2-white-primary {
	font-size: 1.75rem;
	color: hsla(0, 0%, 100%, .96)
}

.headline2-white-secondary {
	font-size: 1.75rem;
	color: hsla(0, 0%, 100%, .66)
}

.headline2-white-disable {
	font-size: 1.75rem;
	color: hsla(0, 0%, 100%, .46)
}

.headline2-link-primary {
	font-size: 1.75rem;
	color: #1ba4ff
}

.headline2-system-primary {
	font-size: 1.75rem;
	color: #617a8b
}

.headline-gray-primary {
	font-size: 1.5rem;
	color: #333
}

.headline-gray-secondary {
	font-size: 1.5rem;
	color: #666
}

.headline-gray-disable {
	font-size: 1.5rem;
	color: #a3a3a3
}

.headline-white-primary {
	font-size: 1.5rem;
	color: hsla(0, 0%, 100%, .96)
}

.headline-white-secondary {
	font-size: 1.5rem;
	color: hsla(0, 0%, 100%, .66)
}

.headline-white-disable {
	font-size: 1.5rem;
	color: hsla(0, 0%, 100%, .46)
}

.headline-link-primary {
	font-size: 1.5rem;
	color: #1ba4ff
}

.headline-system-primary {
	font-size: 1.5rem;
	color: #617a8b
}

.title-gray-primary {
	font-size: 1.125rem;
	color: #333;
	font-weight: 700
}

.title-gray-secondary {
	font-size: 1.125rem;
	color: #666;
	font-weight: 700
}

.title-gray-disable {
	font-size: 1.125rem;
	color: #a3a3a3;
	font-weight: 700
}

.title-white-primary {
	font-size: 1.125rem;
	color: hsla(0, 0%, 100%, .96);
	font-weight: 700
}

.title-white-secondary {
	font-size: 1.125rem;
	color: hsla(0, 0%, 100%, .66);
	font-weight: 700
}

.title-white-disable {
	font-size: 1.125rem;
	color: hsla(0, 0%, 100%, .46);
	font-weight: 700
}

.title-link-primary {
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700
}

.title-system-primary {
	font-size: 1.125rem;
	color: #617a8b;
	font-weight: 700
}

.header-gray-primary {
	font-size: 1.125rem;
	color: #333
}

.header-gray-secondary {
	font-size: 1.125rem;
	color: #666
}

.header-gray-disable {
	font-size: 1.125rem;
	color: #a3a3a3
}

.header-white-primary {
	font-size: 1.125rem;
	color: hsla(0, 0%, 100%, .96)
}

.header-white-secondary {
	font-size: 1.125rem;
	color: hsla(0, 0%, 100%, .66)
}

.header-white-disable {
	font-size: 1.125rem;
	color: hsla(0, 0%, 100%, .46)
}

.header-link-primary {
	font-size: 1.125rem;
	color: #1ba4ff
}

.header-system-primary {
	font-size: 1.125rem;
	color: #617a8b
}

.subheader-gray-primary {
	font-size: 1rem;
	color: #333
}

.subheader-gray-secondary {
	font-size: 1rem;
	color: #666
}

.subheader-gray-disable {
	font-size: 1rem;
	color: #a3a3a3
}

.subheader-white-primary {
	font-size: 1rem;
	color: hsla(0, 0%, 100%, .96)
}

.subheader-white-secondary {
	font-size: 1rem;
	color: hsla(0, 0%, 100%, .66)
}

.subheader-white-disable {
	font-size: 1rem;
	color: hsla(0, 0%, 100%, .46)
}

.subheader-link-primary {
	font-size: 1rem;
	color: #1ba4ff
}

.subheader-system-primary {
	font-size: 1rem;
	color: #617a8b
}

.menu-gray-primary {
	font-size: .875rem;
	color: #333
}

.menu-gray-secondary {
	font-size: .875rem;
	color: #666
}

.menu-gray-disable {
	font-size: .875rem;
	color: #a3a3a3
}

.menu-white-primary {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.menu-white-secondary {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .66)
}

.menu-white-disable {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .46)
}

.menu-link-primary {
	font-size: .875rem;
	color: #1ba4ff
}

.menu-system-primary {
	font-size: .875rem;
	color: #617a8b
}

.body2-gray-primary {
	font-size: .875rem;
	color: #333;
	font-weight: 700
}

.body2-gray-secondary {
	font-size: .875rem;
	color: #666;
	font-weight: 700
}

.body2-gray-disable {
	font-size: .875rem;
	color: #a3a3a3;
	font-weight: 700
}

.body2-white-primary {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96);
	font-weight: 700
}

.body2-white-secondary {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .66);
	font-weight: 700
}

.body2-white-disable {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .46);
	font-weight: 700
}

.body2-link-primary {
	font-size: .875rem;
	color: #1ba4ff;
	font-weight: 700
}

.body2-system-primary {
	font-size: .875rem;
	color: #617a8b;
	font-weight: 700
}

.body1-gray-primary {
	font-size: .75rem;
	color: #333
}

.body1-gray-secondary {
	font-size: .75rem;
	color: #666
}

.body1-gray-disable {
	font-size: .75rem;
	color: #a3a3a3
}

.body1-white-primary {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.body1-white-secondary {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .66)
}

.body1-white-disable {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46)
}

.body1-link-primary {
	font-size: .75rem;
	color: #1ba4ff
}

.body1-system-primary {
	font-size: .75rem;
	color: #617a8b
}

.caption-gray-primary {
	font-size: .75rem;
	color: #333
}

.caption-gray-secondary {
	font-size: .75rem;
	color: #666
}

.caption-gray-disable {
	font-size: .75rem;
	color: #a3a3a3
}

.caption-white-primary {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.caption-white-secondary {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .66)
}

.caption-white-disable {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46)
}

.caption-link-primary {
	font-size: .75rem;
	color: #1ba4ff
}

.caption-system-primary {
	font-size: .75rem;
	color: #617a8b
}

.item-gray-primary {
	font-size: .8125rem;
	color: #333
}

.item-gray-secondary {
	font-size: .8125rem;
	color: #666
}

.item-gray-disable {
	font-size: .8125rem;
	color: #a3a3a3
}

.item-white-primary {
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .96)
}

.item-white-secondary {
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .66)
}

.item-white-disable {
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .46)
}

.item-link-primary {
	font-size: .8125rem;
	color: #1ba4ff
}

.item-system-primary {
	font-size: .8125rem;
	color: #617a8b
}

.img-fluid {
	display: block;
	max-width: 100%;
	height: auto
}

.img-rounded {
	border-radius: .3rem
}

.img-thumbnail {
	padding: .25rem;
	line-height: 1.7;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: .25rem;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	display: inline-block;
	max-width: 100%;
	height: auto
}

.img-circle {
	border-radius: 50%
}

.figure {
	display: inline-block
}

.figure-img {
	margin-bottom: .5rem;
	line-height: 1
}

.figure-caption {
	font-size: 90%;
	color: #f2f6fb
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: .9375rem;
	padding-right: .9375rem
}

.container:after {
	content: "";
	display: table;
	clear: both
}

@media (min-width:544px) {
	.container {
		max-width: 576px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 940px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: .9375rem;
	padding-right: .9375rem
}

.container-fluid:after {
	content: "";
	display: table;
	clear: both
}

.row {
	margin-left: -.9375rem;
	margin-right: -.9375rem
}

.row:after {
	content: "";
	display: table;
	clear: both
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-left: .9375rem;
	padding-right: .9375rem
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left
}

.col-xs-1 {
	width: 8.33333%
}

.col-xs-2 {
	width: 16.66667%
}

.col-xs-3 {
	width: 25%
}

.col-xs-4 {
	width: 33.33333%
}

.col-xs-5 {
	width: 41.66667%
}

.col-xs-6 {
	width: 50%
}

.col-xs-7 {
	width: 58.33333%
}

.col-xs-8 {
	width: 66.66667%
}

.col-xs-9 {
	width: 75%
}

.col-xs-10 {
	width: 83.33333%
}

.col-xs-11 {
	width: 91.66667%
}

.col-xs-12 {
	width: 100%
}

.col-xs-pull-0 {
	right: auto
}

.col-xs-pull-1 {
	right: 8.33333%
}

.col-xs-pull-2 {
	right: 16.66667%
}

.col-xs-pull-3 {
	right: 25%
}

.col-xs-pull-4 {
	right: 33.33333%
}

.col-xs-pull-5 {
	right: 41.66667%
}

.col-xs-pull-6 {
	right: 50%
}

.col-xs-pull-7 {
	right: 58.33333%
}

.col-xs-pull-8 {
	right: 66.66667%
}

.col-xs-pull-9 {
	right: 75%
}

.col-xs-pull-10 {
	right: 83.33333%
}

.col-xs-pull-11 {
	right: 91.66667%
}

.col-xs-pull-12 {
	right: 100%
}

.col-xs-push-0 {
	left: auto
}

.col-xs-push-1 {
	left: 8.33333%
}

.col-xs-push-2 {
	left: 16.66667%
}

.col-xs-push-3 {
	left: 25%
}

.col-xs-push-4 {
	left: 33.33333%
}

.col-xs-push-5 {
	left: 41.66667%
}

.col-xs-push-6 {
	left: 50%
}

.col-xs-push-7 {
	left: 58.33333%
}

.col-xs-push-8 {
	left: 66.66667%
}

.col-xs-push-9 {
	left: 75%
}

.col-xs-push-10 {
	left: 83.33333%
}

.col-xs-push-11 {
	left: 91.66667%
}

.col-xs-push-12 {
	left: 100%
}

.col-xs-offset-0 {
	margin-left: 0
}

.col-xs-offset-1 {
	margin-left: 8.33333%
}

.col-xs-offset-2 {
	margin-left: 16.66667%
}

.col-xs-offset-3 {
	margin-left: 25%
}

.col-xs-offset-4 {
	margin-left: 33.33333%
}

.col-xs-offset-5 {
	margin-left: 41.66667%
}

.col-xs-offset-6 {
	margin-left: 50%
}

.col-xs-offset-7 {
	margin-left: 58.33333%
}

.col-xs-offset-8 {
	margin-left: 66.66667%
}

.col-xs-offset-9 {
	margin-left: 75%
}

.col-xs-offset-10 {
	margin-left: 83.33333%
}

.col-xs-offset-11 {
	margin-left: 91.66667%
}

.col-xs-offset-12 {
	margin-left: 100%
}

@media (min-width:544px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left
	}
	.col-sm-1 {
		width: 8.33333%
	}
	.col-sm-2 {
		width: 16.66667%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-4 {
		width: 33.33333%
	}
	.col-sm-5 {
		width: 41.66667%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-7 {
		width: 58.33333%
	}
	.col-sm-8 {
		width: 66.66667%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-10 {
		width: 83.33333%
	}
	.col-sm-11 {
		width: 91.66667%
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-pull-0 {
		right: auto
	}
	.col-sm-pull-1 {
		right: 8.33333%
	}
	.col-sm-pull-2 {
		right: 16.66667%
	}
	.col-sm-pull-3 {
		right: 25%
	}
	.col-sm-pull-4 {
		right: 33.33333%
	}
	.col-sm-pull-5 {
		right: 41.66667%
	}
	.col-sm-pull-6 {
		right: 50%
	}
	.col-sm-pull-7 {
		right: 58.33333%
	}
	.col-sm-pull-8 {
		right: 66.66667%
	}
	.col-sm-pull-9 {
		right: 75%
	}
	.col-sm-pull-10 {
		right: 83.33333%
	}
	.col-sm-pull-11 {
		right: 91.66667%
	}
	.col-sm-pull-12 {
		right: 100%
	}
	.col-sm-push-0 {
		left: auto
	}
	.col-sm-push-1 {
		left: 8.33333%
	}
	.col-sm-push-2 {
		left: 16.66667%
	}
	.col-sm-push-3 {
		left: 25%
	}
	.col-sm-push-4 {
		left: 33.33333%
	}
	.col-sm-push-5 {
		left: 41.66667%
	}
	.col-sm-push-6 {
		left: 50%
	}
	.col-sm-push-7 {
		left: 58.33333%
	}
	.col-sm-push-8 {
		left: 66.66667%
	}
	.col-sm-push-9 {
		left: 75%
	}
	.col-sm-push-10 {
		left: 83.33333%
	}
	.col-sm-push-11 {
		left: 91.66667%
	}
	.col-sm-push-12 {
		left: 100%
	}
	.col-sm-offset-0 {
		margin-left: 0
	}
	.col-sm-offset-1 {
		margin-left: 8.33333%
	}
	.col-sm-offset-2 {
		margin-left: 16.66667%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-4 {
		margin-left: 33.33333%
	}
	.col-sm-offset-5 {
		margin-left: 41.66667%
	}
	.col-sm-offset-6 {
		margin-left: 50%
	}
	.col-sm-offset-7 {
		margin-left: 58.33333%
	}
	.col-sm-offset-8 {
		margin-left: 66.66667%
	}
	.col-sm-offset-9 {
		margin-left: 75%
	}
	.col-sm-offset-10 {
		margin-left: 83.33333%
	}
	.col-sm-offset-11 {
		margin-left: 91.66667%
	}
	.col-sm-offset-12 {
		margin-left: 100%
	}
}

@media (min-width:768px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left
	}
	.col-md-1 {
		width: 8.33333%
	}
	.col-md-2 {
		width: 16.66667%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-4 {
		width: 33.33333%
	}
	.col-md-5 {
		width: 41.66667%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-7 {
		width: 58.33333%
	}
	.col-md-8 {
		width: 66.66667%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-10 {
		width: 83.33333%
	}
	.col-md-11 {
		width: 91.66667%
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-pull-0 {
		right: auto
	}
	.col-md-pull-1 {
		right: 8.33333%
	}
	.col-md-pull-2 {
		right: 16.66667%
	}
	.col-md-pull-3 {
		right: 25%
	}
	.col-md-pull-4 {
		right: 33.33333%
	}
	.col-md-pull-5 {
		right: 41.66667%
	}
	.col-md-pull-6 {
		right: 50%
	}
	.col-md-pull-7 {
		right: 58.33333%
	}
	.col-md-pull-8 {
		right: 66.66667%
	}
	.col-md-pull-9 {
		right: 75%
	}
	.col-md-pull-10 {
		right: 83.33333%
	}
	.col-md-pull-11 {
		right: 91.66667%
	}
	.col-md-pull-12 {
		right: 100%
	}
	.col-md-push-0 {
		left: auto
	}
	.col-md-push-1 {
		left: 8.33333%
	}
	.col-md-push-2 {
		left: 16.66667%
	}
	.col-md-push-3 {
		left: 25%
	}
	.col-md-push-4 {
		left: 33.33333%
	}
	.col-md-push-5 {
		left: 41.66667%
	}
	.col-md-push-6 {
		left: 50%
	}
	.col-md-push-7 {
		left: 58.33333%
	}
	.col-md-push-8 {
		left: 66.66667%
	}
	.col-md-push-9 {
		left: 75%
	}
	.col-md-push-10 {
		left: 83.33333%
	}
	.col-md-push-11 {
		left: 91.66667%
	}
	.col-md-push-12 {
		left: 100%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
	.col-md-offset-1 {
		margin-left: 8.33333%
	}
	.col-md-offset-2 {
		margin-left: 16.66667%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-4 {
		margin-left: 33.33333%
	}
	.col-md-offset-5 {
		margin-left: 41.66667%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-7 {
		margin-left: 58.33333%
	}
	.col-md-offset-8 {
		margin-left: 66.66667%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-10 {
		margin-left: 83.33333%
	}
	.col-md-offset-11 {
		margin-left: 91.66667%
	}
	.col-md-offset-12 {
		margin-left: 100%
	}
}

@media (min-width:992px) {
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		float: left
	}
	.col-lg-1 {
		width: 8.33333%
	}
	.col-lg-2 {
		width: 16.66667%
	}
	.col-lg-3 {
		width: 25%
	}
	.col-lg-4 {
		width: 33.33333%
	}
	.col-lg-5 {
		width: 41.66667%
	}
	.col-lg-6 {
		width: 50%
	}
	.col-lg-7 {
		width: 58.33333%
	}
	.col-lg-8 {
		width: 66.66667%
	}
	.col-lg-9 {
		width: 75%
	}
	.col-lg-10 {
		width: 83.33333%
	}
	.col-lg-11 {
		width: 91.66667%
	}
	.col-lg-12 {
		width: 100%
	}
	.col-lg-pull-0 {
		right: auto
	}
	.col-lg-pull-1 {
		right: 8.33333%
	}
	.col-lg-pull-2 {
		right: 16.66667%
	}
	.col-lg-pull-3 {
		right: 25%
	}
	.col-lg-pull-4 {
		right: 33.33333%
	}
	.col-lg-pull-5 {
		right: 41.66667%
	}
	.col-lg-pull-6 {
		right: 50%
	}
	.col-lg-pull-7 {
		right: 58.33333%
	}
	.col-lg-pull-8 {
		right: 66.66667%
	}
	.col-lg-pull-9 {
		right: 75%
	}
	.col-lg-pull-10 {
		right: 83.33333%
	}
	.col-lg-pull-11 {
		right: 91.66667%
	}
	.col-lg-pull-12 {
		right: 100%
	}
	.col-lg-push-0 {
		left: auto
	}
	.col-lg-push-1 {
		left: 8.33333%
	}
	.col-lg-push-2 {
		left: 16.66667%
	}
	.col-lg-push-3 {
		left: 25%
	}
	.col-lg-push-4 {
		left: 33.33333%
	}
	.col-lg-push-5 {
		left: 41.66667%
	}
	.col-lg-push-6 {
		left: 50%
	}
	.col-lg-push-7 {
		left: 58.33333%
	}
	.col-lg-push-8 {
		left: 66.66667%
	}
	.col-lg-push-9 {
		left: 75%
	}
	.col-lg-push-10 {
		left: 83.33333%
	}
	.col-lg-push-11 {
		left: 91.66667%
	}
	.col-lg-push-12 {
		left: 100%
	}
	.col-lg-offset-0 {
		margin-left: 0
	}
	.col-lg-offset-1 {
		margin-left: 8.33333%
	}
	.col-lg-offset-2 {
		margin-left: 16.66667%
	}
	.col-lg-offset-3 {
		margin-left: 25%
	}
	.col-lg-offset-4 {
		margin-left: 33.33333%
	}
	.col-lg-offset-5 {
		margin-left: 41.66667%
	}
	.col-lg-offset-6 {
		margin-left: 50%
	}
	.col-lg-offset-7 {
		margin-left: 58.33333%
	}
	.col-lg-offset-8 {
		margin-left: 66.66667%
	}
	.col-lg-offset-9 {
		margin-left: 75%
	}
	.col-lg-offset-10 {
		margin-left: 83.33333%
	}
	.col-lg-offset-11 {
		margin-left: 91.66667%
	}
	.col-lg-offset-12 {
		margin-left: 100%
	}
}

@media (min-width:1200px) {
	.col-xl-1,
	.col-xl-2,
	.col-xl-3,
	.col-xl-4,
	.col-xl-5,
	.col-xl-6,
	.col-xl-7,
	.col-xl-8,
	.col-xl-9,
	.col-xl-10,
	.col-xl-11,
	.col-xl-12 {
		float: left
	}
	.col-xl-1 {
		width: 8.33333%
	}
	.col-xl-2 {
		width: 16.66667%
	}
	.col-xl-3 {
		width: 25%
	}
	.col-xl-4 {
		width: 33.33333%
	}
	.col-xl-5 {
		width: 41.66667%
	}
	.col-xl-6 {
		width: 50%
	}
	.col-xl-7 {
		width: 58.33333%
	}
	.col-xl-8 {
		width: 66.66667%
	}
	.col-xl-9 {
		width: 75%
	}
	.col-xl-10 {
		width: 83.33333%
	}
	.col-xl-11 {
		width: 91.66667%
	}
	.col-xl-12 {
		width: 100%
	}
	.col-xl-pull-0 {
		right: auto
	}
	.col-xl-pull-1 {
		right: 8.33333%
	}
	.col-xl-pull-2 {
		right: 16.66667%
	}
	.col-xl-pull-3 {
		right: 25%
	}
	.col-xl-pull-4 {
		right: 33.33333%
	}
	.col-xl-pull-5 {
		right: 41.66667%
	}
	.col-xl-pull-6 {
		right: 50%
	}
	.col-xl-pull-7 {
		right: 58.33333%
	}
	.col-xl-pull-8 {
		right: 66.66667%
	}
	.col-xl-pull-9 {
		right: 75%
	}
	.col-xl-pull-10 {
		right: 83.33333%
	}
	.col-xl-pull-11 {
		right: 91.66667%
	}
	.col-xl-pull-12 {
		right: 100%
	}
	.col-xl-push-0 {
		left: auto
	}
	.col-xl-push-1 {
		left: 8.33333%
	}
	.col-xl-push-2 {
		left: 16.66667%
	}
	.col-xl-push-3 {
		left: 25%
	}
	.col-xl-push-4 {
		left: 33.33333%
	}
	.col-xl-push-5 {
		left: 41.66667%
	}
	.col-xl-push-6 {
		left: 50%
	}
	.col-xl-push-7 {
		left: 58.33333%
	}
	.col-xl-push-8 {
		left: 66.66667%
	}
	.col-xl-push-9 {
		left: 75%
	}
	.col-xl-push-10 {
		left: 83.33333%
	}
	.col-xl-push-11 {
		left: 91.66667%
	}
	.col-xl-push-12 {
		left: 100%
	}
	.col-xl-offset-0 {
		margin-left: 0
	}
	.col-xl-offset-1 {
		margin-left: 8.33333%
	}
	.col-xl-offset-2 {
		margin-left: 16.66667%
	}
	.col-xl-offset-3 {
		margin-left: 25%
	}
	.col-xl-offset-4 {
		margin-left: 33.33333%
	}
	.col-xl-offset-5 {
		margin-left: 41.66667%
	}
	.col-xl-offset-6 {
		margin-left: 50%
	}
	.col-xl-offset-7 {
		margin-left: 58.33333%
	}
	.col-xl-offset-8 {
		margin-left: 66.66667%
	}
	.col-xl-offset-9 {
		margin-left: 75%
	}
	.col-xl-offset-10 {
		margin-left: 83.33333%
	}
	.col-xl-offset-11 {
		margin-left: 91.66667%
	}
	.col-xl-offset-12 {
		margin-left: 100%
	}
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem
}

.table td,
.table th {
	padding: .75rem;
	line-height: 1.7;
	vertical-align: top;
	border-top: 1px solid #eceeef
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #eceeef
}

.table tbody+tbody {
	border-top: 2px solid #eceeef
}

.table .table {
	background-color: #fff
}

.table-sm td,
.table-sm th {
	padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
	border: 1px solid #eceeef
}

.table-bordered thead td,
.table-bordered thead th {
	border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover tbody tr:hover {
	background-color: #f5f5f5
}

.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: #e8e8e8
}

.table-success,
.table-success>td,
.table-success>th {
	background-color: #dff0d8
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
	background-color: #d0e9c6
}

.table-info,
.table-info>td,
.table-info>th {
	background-color: #d9edf7
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
	background-color: #c4e3f3
}

.table-warning,
.table-warning>td,
.table-warning>th {
	background-color: #fcf8e3
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
	background-color: #faf2cc
}

.table-danger,
.table-danger>td,
.table-danger>th {
	background-color: #f2dede
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
	background-color: #ebcccc
}

.table-responsive {
	display: block;
	width: 100%;
	min-height: .01%;
	overflow-x: auto
}

.thead-inverse th {
	color: #fff;
	background-color: rgba(0, 0, 0, .54)
}

.thead-default th {
	color: #55595c;
	background-color: #eceeef
}

.table-inverse {
	color: #eceeef;
	background-color: rgba(0, 0, 0, .54)
}

.table-inverse.table-bordered {
	border: 0
}

.table-inverse td,
.table-inverse th,
.table-inverse thead th {
	border-color: #55595c
}

.table-reflow thead {
	float: left
}

.table-reflow tbody {
	display: block;
	white-space: nowrap
}

.table-reflow td,
.table-reflow th {
	border-top: 1px solid #eceeef;
	border-left: 1px solid #eceeef
}

.table-reflow td:last-child,
.table-reflow th:last-child {
	border-right: 1px solid #eceeef
}

.table-reflow tbody:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow thead:last-child tr:last-child th {
	border-bottom: 1px solid #eceeef
}

.table-reflow tr {
	float: left
}

.table-reflow tr td,
.table-reflow tr th {
	display: block!important;
	border: 1px solid #eceeef
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: .75rem;
	line-height: 1.7;
	color: #55595c;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: .25rem;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	border-color: #66afe9;
	outline: none;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-webkit-input-placeholder {
	color: #999;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999;
	opacity: 1
}

.form-control::placeholder {
	color: #999;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #eceeef;
	opacity: 1
}

.form-control:disabled {
	cursor: not-allowed
}

.form-control-file,
.form-control-range {
	display: block
}

.form-control-label {
	padding: .375rem .75rem;
	margin-bottom: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date].form-control,
	input[type=datetime-local].form-control,
	input[type=month].form-control,
	input[type=time].form-control {
		line-height: 2.025rem
	}
	.input-group-sm input[type=date].form-control,
	.input-group-sm input[type=datetime-local].form-control,
	.input-group-sm input[type=month].form-control,
	.input-group-sm input[type=time].form-control,
	input[type=date].input-sm,
	input[type=datetime-local].input-sm,
	input[type=month].input-sm,
	input[type=time].input-sm {
		line-height: 1.8625rem
	}
	.input-group-lg input[type=date].form-control,
	.input-group-lg input[type=datetime-local].form-control,
	.input-group-lg input[type=month].form-control,
	.input-group-lg input[type=time].form-control,
	input[type=date].input-lg,
	input[type=datetime-local].input-lg,
	input[type=month].input-lg,
	input[type=time].input-lg {
		line-height: 3rem
	}
}

.form-control-static {
	min-height: 2.025rem;
	padding-top: .375rem;
	padding-bottom: .375rem;
	margin-bottom: 0
}

.form-control-static.form-control-lg,
.form-control-static.form-control-sm {
	padding-right: 0;
	padding-left: 0
}

.form-control-sm {
	padding: .275rem .75rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.form-control-lg {
	padding: .75rem 1.25rem;
	font-size: 1.125rem;
	line-height: 1.33333;
	border-radius: .3rem
}

.form-group {
	margin-bottom: 1rem
}

.checkbox,
.radio {
	position: relative;
	display: block;
	margin-bottom: .75rem
}

.checkbox label,
.radio label {
	padding-left: 1.25rem;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer
}

.checkbox label input:only-child,
.radio label input:only-child {
	position: static
}

.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
	position: absolute;
	margin-top: .25rem;
	margin-left: -1.25rem
}

.checkbox+.checkbox,
.radio+.radio {
	margin-top: -.25rem
}

.checkbox-inline,
.radio-inline {
	position: relative;
	display: inline-block;
	padding-left: 1.25rem;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
	margin-top: 0;
	margin-left: .75rem
}

.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
input[type=checkbox].disabled,
input[type=checkbox]:disabled,
input[type=radio].disabled,
input[type=radio]:disabled {
	cursor: not-allowed
}

.form-control-danger,
.form-control-success,
.form-control-warning {
	padding-right: 2.25rem;
	background-repeat: no-repeat;
	background-position: center right .50625rem;
	background-size: 1.31625rem 1.31625rem
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .form-control-label,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label,
.has-success .text-help {
	color: #5cb85c
}

.has-success .form-control {
	border-color: #5cb85c
}

.has-success .input-group-addon {
	color: #5cb85c;
	border-color: #5cb85c;
	background-color: #eaf6ea
}

.has-success .form-control-feedback {
	color: #5cb85c
}

.has-success .form-control-success {
	background-image: url("")
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label,
.has-warning .text-help {
	color: #f0ad4e
}

.has-warning .form-control {
	border-color: #f0ad4e
}

.has-warning .input-group-addon {
	color: #f0ad4e;
	border-color: #f0ad4e;
	background-color: #fff
}

.has-warning .form-control-feedback {
	color: #f0ad4e
}

.has-warning .form-control-warning {
	background-image: url("")
}

.has-danger .checkbox,
.has-danger .checkbox-inline,
.has-danger.checkbox-inline label,
.has-danger.checkbox label,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .radio-inline,
.has-danger.radio-inline label,
.has-danger.radio label,
.has-danger .text-help {
	color: #d9534f
}

.has-danger .form-control {
	border-color: #d9534f
}

.has-danger .input-group-addon {
	color: #d9534f;
	border-color: #d9534f;
	background-color: #fdf7f7
}

.has-danger .form-control-feedback {
	color: #d9534f
}

.has-danger .form-control-danger {
	background-image: url("")
}

@media (min-width:544px) {
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle
	}
	.form-inline .form-control-static {
		display: inline-block
	}
	.form-inline .input-group {
		display: inline-table;
		vertical-align: middle
	}
	.form-inline .input-group .form-control,
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn {
		width: auto
	}
	.form-inline .input-group>.form-control {
		width: 100%
	}
	.form-inline .form-control-label {
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .checkbox,
	.form-inline .radio {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle
	}
	.form-inline .checkbox label,
	.form-inline .radio label {
		padding-left: 0
	}
	.form-inline .checkbox input[type=checkbox],
	.form-inline .radio input[type=radio] {
		position: relative;
		margin-left: 0
	}
	.form-inline .has-feedback .form-control-feedback {
		top: 0
	}
}

.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	-webkit-transition: all .3s;
	transition: all .3s;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23);
	outline: none;
	padding: .375rem 1rem;
	font-size: .75rem;
	line-height: 1.167;
	border-radius: .25rem
}

.btn.focus,
.btn:focus,
.btn:hover {
	text-decoration: none
}

.btn.active,
.btn:active {
	background-image: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn:disabled {
	cursor: not-allowed;
	opacity: .65;
	box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none
}

.btn-primary {
	color: hsla(0, 0%, 100%, .96);
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #32adff;
	border-color: #32adff
}

.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
	color: hsla(0, 0%, 100%, .96);
	box-shadow: none;
	background-color: #1ba4ff;
	border-color: #029aff;
	background-image: none;
	position: relative
}

.btn-primary.active:before,
.btn-primary:active:before,
.open>.btn-primary.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-secondary:hover {
	color: #1ba4ff;
	background-color: #fff;
	border-color: #1ba4ff
}

.btn-third {
	padding: .5rem 1.5rem;
	font-size: .75rem;
	line-height: 1.167;
	border-radius: .25rem;
	color: hsla(0, 0%, 100%, .96);
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-third.focus,
.btn-third:focus,
.btn-third:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #32adff;
	border-color: #32adff
}

.btn-third.active,
.btn-third:active,
.open>.btn-third.dropdown-toggle {
	color: hsla(0, 0%, 100%, .96);
	box-shadow: none;
	background-color: #1ba4ff;
	border-color: #029aff;
	background-image: none;
	position: relative
}

.btn-third.active:before,
.btn-third:active:before,
.open>.btn-third.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-third.active.focus,
.btn-third.active:focus,
.btn-third.active:hover,
.btn-third:active.focus,
.btn-third:active:focus,
.btn-third:active:hover,
.open>.btn-third.dropdown-toggle.focus,
.open>.btn-third.dropdown-toggle:focus,
.open>.btn-third.dropdown-toggle:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-fourth,
.btn-third.disabled.focus,
.btn-third.disabled:focus,
.btn-third.disabled:hover,
.btn-third:disabled.focus,
.btn-third:disabled:focus,
.btn-third:disabled:hover {
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-fourth {
	padding: .0625rem .625rem;
	font-size: 1.5rem;
	line-height: 1.167;
	border-radius: .25rem;
	color: hsla(0, 0%, 100%, .96)
}

.btn-fourth.focus,
.btn-fourth:focus,
.btn-fourth:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #32adff;
	border-color: #32adff
}

.btn-fourth.active,
.btn-fourth:active,
.open>.btn-fourth.dropdown-toggle {
	color: hsla(0, 0%, 100%, .96);
	box-shadow: none;
	background-color: #1ba4ff;
	border-color: #029aff;
	background-image: none;
	position: relative
}

.btn-fourth.active:before,
.btn-fourth:active:before,
.open>.btn-fourth.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-fourth.active.focus,
.btn-fourth.active:focus,
.btn-fourth.active:hover,
.btn-fourth:active.focus,
.btn-fourth:active:focus,
.btn-fourth:active:hover,
.open>.btn-fourth.dropdown-toggle.focus,
.open>.btn-fourth.dropdown-toggle:focus,
.open>.btn-fourth.dropdown-toggle:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-fourth.disabled.focus,
.btn-fourth.disabled:focus,
.btn-fourth.disabled:hover,
.btn-fourth:disabled.focus,
.btn-fourth:disabled:focus,
.btn-fourth:disabled:hover {
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-fifth,
.btn-fifth.focus,
.btn-fifth:focus,
.btn-fifth:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #0096f6;
	border-color: #0096f6
}

.btn-fifth.active,
.btn-fifth:active,
.open>.btn-fifth.dropdown-toggle {
	color: hsla(0, 0%, 100%, .96);
	box-shadow: none;
	background-color: #0096f6;
	border-color: #0086dd;
	background-image: none;
	position: relative
}

.btn-fifth.active:before,
.btn-fifth:active:before,
.open>.btn-fifth.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-fifth.active.focus,
.btn-fifth.active:focus,
.btn-fifth.active:hover,
.btn-fifth:active.focus,
.btn-fifth:active:focus,
.btn-fifth:active:hover,
.open>.btn-fifth.dropdown-toggle.focus,
.open>.btn-fifth.dropdown-toggle:focus,
.open>.btn-fifth.dropdown-toggle:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #0096f6;
	border-color: #0096f6
}

.btn-fifth.disabled.focus,
.btn-fifth.disabled:focus,
.btn-fifth.disabled:hover,
.btn-fifth:disabled.focus,
.btn-fifth:disabled:focus,
.btn-fifth:disabled:hover {
	background-color: #0096f6;
	border-color: #0096f6
}

.btn-sixth {
	padding: .375rem .875rem;
	font-size: .75rem;
	line-height: 1.167;
	border-radius: .25rem
}

.btn-sixth,
.btn-sixth.focus,
.btn-sixth:focus,
.btn-sixth:hover {
	color: #b6b6b6;
	background-color: #f6f6f6;
	border-color: #f6f6f6
}

.btn-sixth.active,
.btn-sixth:active,
.open>.btn-sixth.dropdown-toggle {
	color: #b6b6b6;
	box-shadow: none;
	background-color: #f6f6f6;
	border-color: #e9e9e9;
	background-image: none;
	position: relative
}

.btn-sixth.active:before,
.btn-sixth:active:before,
.open>.btn-sixth.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-sixth.active.focus,
.btn-sixth.active:focus,
.btn-sixth.active:hover,
.btn-sixth:active.focus,
.btn-sixth:active:focus,
.btn-sixth:active:hover,
.open>.btn-sixth.dropdown-toggle.focus,
.open>.btn-sixth.dropdown-toggle:focus,
.open>.btn-sixth.dropdown-toggle:hover {
	color: #b6b6b6;
	background-color: #f6f6f6;
	border-color: #f6f6f6
}

.btn-sixth.disabled.focus,
.btn-sixth.disabled:focus,
.btn-sixth.disabled:hover,
.btn-sixth:disabled.focus,
.btn-sixth:disabled:focus,
.btn-sixth:disabled:hover {
	background-color: #f6f6f6;
	border-color: #f6f6f6
}

.btn-header {
	padding: .4375rem 1.1875rem;
	font-size: .875rem;
	line-height: 1.167;
	border-radius: .25rem
}

.btn-header,
.btn-header.focus,
.btn-header:focus,
.btn-header:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #0096f6;
	border-color: #0096f6
}

.btn-header.active,
.btn-header:active,
.open>.btn-header.dropdown-toggle {
	color: hsla(0, 0%, 100%, .96);
	box-shadow: none;
	background-color: #0096f6;
	border-color: #0086dd;
	background-image: none;
	position: relative
}

.btn-header.active:before,
.btn-header:active:before,
.open>.btn-header.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-header.active.focus,
.btn-header.active:focus,
.btn-header.active:hover,
.btn-header:active.focus,
.btn-header:active:focus,
.btn-header:active:hover,
.open>.btn-header.dropdown-toggle.focus,
.open>.btn-header.dropdown-toggle:focus,
.open>.btn-header.dropdown-toggle:hover {
	color: hsla(0, 0%, 100%, .96);
	background-color: #0096f6;
	border-color: #0096f6
}

.btn-header.disabled.focus,
.btn-header.disabled:focus,
.btn-header.disabled:hover,
.btn-header:disabled.focus,
.btn-header:disabled:focus,
.btn-header:disabled:hover {
	background-color: #0096f6;
	border-color: #0096f6
}

.btn-info,
.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
	color: #fff;
	box-shadow: none;
	background-color: #5bc0de;
	border-color: #46b8da;
	background-image: none;
	position: relative
}

.btn-info.active:before,
.btn-info:active:before,
.open>.btn-info.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled:hover {
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-success,
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
	color: #fff;
	box-shadow: none;
	background-color: #5cb85c;
	border-color: #4cae4c;
	background-image: none;
	position: relative
}

.btn-success.active:before,
.btn-success:active:before,
.open>.btn-success.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled:hover {
	background-color: #5cb85c;
	border-color: #5cb85c
}

.btn-warning,
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
	color: #fff;
	box-shadow: none;
	background-color: #f0ad4e;
	border-color: #eea236;
	background-image: none;
	position: relative
}

.btn-warning.active:before,
.btn-warning:active:before,
.open>.btn-warning.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover {
	background-color: #f0ad4e;
	border-color: #f0ad4e
}

.btn-danger,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}

.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
	color: #fff;
	box-shadow: none;
	background-color: #d9534f;
	border-color: #d43f3a;
	background-image: none;
	position: relative
}

.btn-danger.active:before,
.btn-danger:active:before,
.open>.btn-danger.dropdown-toggle:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: rgba(0, 0, 0, .05)
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}

.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled:hover {
	background-color: #d9534f;
	border-color: #d9534f
}

.btn-primary-outline {
	box-shadow: none;
	color: #1ba4ff;
	background-image: none;
	background-color: transparent;
	border-color: #1ba4ff
}

.btn-primary-outline.active,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline:focus,
.btn-primary-outline:hover,
.open>.btn-primary-outline.dropdown-toggle {
	color: #fff;
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-primary-outline.disabled.focus,
.btn-primary-outline.disabled:focus,
.btn-primary-outline.disabled:hover,
.btn-primary-outline:disabled.focus,
.btn-primary-outline:disabled:focus,
.btn-primary-outline:disabled:hover {
	border-color: #81cdff
}

.btn-secondary-outline {
	box-shadow: none;
	color: rgba(0, 0, 0, .09);
	background-image: none;
	background-color: transparent;
	border-color: rgba(0, 0, 0, .09)
}

.btn-secondary-outline.active,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline:focus,
.btn-secondary-outline:hover,
.open>.btn-secondary-outline.dropdown-toggle {
	color: #fff;
	background-color: rgba(0, 0, 0, .09);
	border-color: rgba(0, 0, 0, .09)
}

.btn-secondary-outline.disabled.focus,
.btn-secondary-outline.disabled:focus,
.btn-secondary-outline.disabled:hover,
.btn-secondary-outline:disabled.focus,
.btn-secondary-outline:disabled:focus,
.btn-secondary-outline:disabled:hover {
	border-color: rgba(51, 51, 51, .09)
}

.btn-fifth-outline {
	padding: .375rem 1.1875rem;
	font-size: .75rem;
	line-height: 1.125rem;
	border-radius: 1rem;
	color: #1ba4ff;
	background-image: none;
	background-color: transparent;
	border-color: #1ba4ff
}

.btn-fifth-outline.active,
.btn-fifth-outline.focus,
.btn-fifth-outline:active,
.btn-fifth-outline:focus,
.btn-fifth-outline:hover,
.open>.btn-fifth-outline.dropdown-toggle {
	color: #fff;
	background-color: #1ba4ff;
	border-color: #1ba4ff
}

.btn-fifth-outline.disabled.focus,
.btn-fifth-outline.disabled:focus,
.btn-fifth-outline.disabled:hover,
.btn-fifth-outline:disabled.focus,
.btn-fifth-outline:disabled:focus,
.btn-fifth-outline:disabled:hover {
	border-color: #81cdff
}

.btn-info-outline {
	color: #5bc0de;
	background-image: none;
	background-color: transparent;
	border-color: #5bc0de
}

.btn-info-outline.active,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline:focus,
.btn-info-outline:hover,
.open>.btn-info-outline.dropdown-toggle {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-info-outline.disabled.focus,
.btn-info-outline.disabled:focus,
.btn-info-outline.disabled:hover,
.btn-info-outline:disabled.focus,
.btn-info-outline:disabled:focus,
.btn-info-outline:disabled:hover {
	border-color: #b0e1ef
}

.btn-success-outline {
	color: #5cb85c;
	background-image: none;
	background-color: transparent;
	border-color: #5cb85c
}

.btn-success-outline.active,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline:focus,
.btn-success-outline:hover,
.open>.btn-success-outline.dropdown-toggle {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}

.btn-success-outline.disabled.focus,
.btn-success-outline.disabled:focus,
.btn-success-outline.disabled:hover,
.btn-success-outline:disabled.focus,
.btn-success-outline:disabled:focus,
.btn-success-outline:disabled:hover {
	border-color: #a3d7a3
}

.btn-warning-outline {
	color: #f0ad4e;
	background-image: none;
	background-color: transparent;
	border-color: #f0ad4e
}

.btn-warning-outline.active,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline:focus,
.btn-warning-outline:hover,
.open>.btn-warning-outline.dropdown-toggle {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e
}

.btn-warning-outline.disabled.focus,
.btn-warning-outline.disabled:focus,
.btn-warning-outline.disabled:hover,
.btn-warning-outline:disabled.focus,
.btn-warning-outline:disabled:focus,
.btn-warning-outline:disabled:hover {
	border-color: #f8d9ac
}

.btn-danger-outline {
	color: #d9534f;
	background-image: none;
	background-color: transparent;
	border-color: #d9534f
}

.btn-danger-outline.active,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline:focus,
.btn-danger-outline:hover,
.open>.btn-danger-outline.dropdown-toggle {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f
}

.btn-danger-outline.disabled.focus,
.btn-danger-outline.disabled:focus,
.btn-danger-outline.disabled:hover,
.btn-danger-outline:disabled.focus,
.btn-danger-outline:disabled:focus,
.btn-danger-outline:disabled:hover {
	border-color: #eba5a3
}

.btn-link {
	font-weight: 400;
	color: #0275d8;
	border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
	background-color: transparent;
	box-shadow: none
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
	border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
	color: #014c8c;
	text-decoration: underline;
	background-color: transparent
}

.btn-link:disabled:focus,
.btn-link:disabled:hover {
	color: #f2f6fb;
	text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
	padding: .75rem 1.25rem;
	font-size: 1.125rem;
	line-height: 1.33333;
	border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
	padding: .25rem .75rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.btn-block {
	display: block;
	line-height: 2;
	width: 100%
}

.btn-block+.btn-block {
	margin-top: 5px
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 100%
}

.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
	position: relative;
	float: left
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
	z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.btn-toolbar {
	margin-left: -5px
}

.btn-toolbar:after {
	content: "";
	display: table;
	clear: both
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
	float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
	margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.btn-group>.btn:first-child {
	margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group>.btn-group {
	float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
	outline: 0
}

.btn-group>.btn+.dropdown-toggle {
	padding-right: 8px;
	padding-left: 8px
}

.btn-group-lg.btn-group>.btn+.dropdown-toggle,
.btn-group>.btn-lg+.dropdown-toggle {
	padding-right: 12px;
	padding-left: 12px
}

.btn-group.open .dropdown-toggle {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
	box-shadow: none
}

.btn .caret {
	margin-left: 0
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
	border-width: .3em .3em 0;
	border-bottom-width: 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
	border-width: 0 .3em .3em
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%
}

.btn-group-vertical>.btn-group:after {
	content: "";
	display: table;
	clear: both
}

.btn-group-vertical>.btn-group>.btn {
	float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
	margin-top: -1px;
	margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
	border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-bottom-left-radius: .25rem;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
	border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-link {
	display: inline-block
}

.nav-link:focus,
.nav-link:hover {
	text-decoration: none
}

.nav-link.disabled {
	color: #f2f6fb
}

.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
	color: #f2f6fb;
	cursor: not-allowed;
	background-color: transparent
}

.nav-inline .nav-item {
	display: inline-block
}

.nav-inline .nav-item+.nav-item,
.nav-inline .nav-link+.nav-link {
	margin-left: 1rem
}

.nav-tabs {
	border-bottom: 1px solid #ddd
}

.nav-tabs:after {
	content: "";
	display: table;
	clear: both
}

.nav-tabs .nav-item {
	float: left;
	margin-bottom: -1px
}

.nav-tabs .nav-item+.nav-item {
	margin-left: .2rem
}

.nav-tabs .nav-link {
	display: block;
	padding: .5em 1em;
	border: 1px solid transparent;
	border-radius: .25rem .25rem 0 0
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
	color: #f2f6fb;
	background-color: transparent;
	border-color: transparent
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
	color: #55595c;
	background-color: #fff;
	border-color: #ddd #ddd transparent
}

.nav-pills:after {
	content: "";
	display: table;
	clear: both
}

.nav-pills .nav-item {
	float: left
}

.nav-pills .nav-item+.nav-item {
	margin-left: .2rem
}

.nav-pills .nav-link {
	display: block;
	padding: .5em 1em;
	border-radius: .25rem
}

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
	color: #fff;
	cursor: default;
	background-color: #0275d8
}

.nav-stacked .nav-item {
	display: block;
	float: none
}

.nav-stacked .nav-item+.nav-item {
	margin-top: .2rem;
	margin-left: 0
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.navbar {
	position: relative;
	padding: .5rem 1rem
}

.navbar:after {
	content: "";
	display: table;
	clear: both
}

@media (min-width:544px) {
	.navbar {
		border-radius: .25rem
	}
}

.navbar-full {
	z-index: 1000
}

@media (min-width:544px) {
	.navbar-full {
		border-radius: 0
	}
}

.navbar-fixed-bottom,
.navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

@media (min-width:544px) {
	.navbar-fixed-bottom,
	.navbar-fixed-top {
		border-radius: 0
	}
}

.navbar-fixed-top {
	top: 0
}

.navbar-fixed-bottom {
	bottom: 0
}

.navbar-sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1030;
	width: 100%
}

@media (min-width:544px) {
	.navbar-sticky-top {
		border-radius: 0
	}
}

.navbar-brand {
	float: left;
	padding-top: .25rem;
	padding-bottom: .25rem;
	margin-right: 1rem;
	font-size: 1.125rem
}

.navbar-brand:focus,
.navbar-brand:hover {
	text-decoration: none
}

.navbar-brand>img {
	display: block
}

.navbar-divider {
	float: left;
	width: 1px;
	padding-top: .425rem;
	padding-bottom: .425rem;
	margin-right: 1rem;
	margin-left: 1rem;
	overflow: hidden
}

.navbar-divider:before {
	content: "\A0"
}

.navbar-toggler {
	padding: .5rem .75rem;
	font-size: 1.125rem;
	line-height: 1;
	background: none;
	border: 1px solid transparent;
	border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
	text-decoration: none
}

@media (min-width:544px) {
	.navbar-toggleable-xs {
		display: block!important
	}
}

@media (min-width:768px) {
	.navbar-toggleable-sm {
		display: block!important
	}
}

@media (min-width:992px) {
	.navbar-toggleable-md {
		display: block!important
	}
}

.navbar-nav .nav-item {
	float: left
}

.navbar-nav .nav-link {
	display: block;
	padding-top: .425rem;
	padding-bottom: .425rem
}

.navbar-nav .nav-item+.nav-item,
.navbar-nav .nav-link+.nav-link {
	margin-left: 1rem
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
	color: rgba(0, 0, 0, .8)
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(0, 0, 0, .6)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .active>.nav-link:focus,
.navbar-light .navbar-nav .active>.nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .open>.nav-link,
.navbar-light .navbar-nav .open>.nav-link:focus,
.navbar-light .navbar-nav .open>.nav-link:hover {
	color: rgba(0, 0, 0, .8)
}

.navbar-light .navbar-divider {
	background-color: rgba(0, 0, 0, .075)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link:focus,
.navbar-dark .navbar-nav .active>.nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .open>.nav-link,
.navbar-dark .navbar-nav .open>.nav-link:focus,
.navbar-dark .navbar-nav .open>.nav-link:hover {
	color: #fff
}

.navbar-dark .navbar-divider {
	background-color: hsla(0, 0%, 100%, .075)
}

.toggle {
	position: relative;
	display: inline-block;
	pointer-events: auto;
	margin: -5px;
	padding: 5px
}

.toggle input {
	display: none!important
}

.toggle .track {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: background-color, border;
	transition-property: background-color, border;
	display: inline-block;
	box-sizing: border-box;
	width: 51px;
	height: 20px;
	border-radius: 20px;
	background-color: #c6c5c5;
	content: ' ';
	cursor: pointer;
	pointer-events: none
}

.toggle input:checked+.track {
	background-color: rgba(21, 125, 199, .27)
}

.toggle input:checked+.track .handle {
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0);
	background: #157dc7;
	left: 9px
}

.toggle .handle {
	-webkit-transition: .3s cubic-bezier(0, 1.1, 1, 1.1);
	transition: .3s cubic-bezier(0, 1.1, 1, 1.1);
	-webkit-transition-property: background-color, transform;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	position: absolute;
	display: block;
	width: 27px;
	height: 27px;
	border-radius: 27px;
	background-color: #f1f1f1;
	top: 2px;
	left: 5px;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .35), 0 1px 1px rgba(0, 0, 0, .15)
}

.toggle .handle:before {
	position: absolute;
	top: -4px;
	left: -21.5px;
	padding: 18.5px 34px;
	content: ' '
}

.toggle.small-toggle .track {
	width: 27px;
	height: 16px;
	border-radius: 16px
}

.toggle.small-toggle input:checked+.track {
	border-color: #bcdaf0;
	background-color: #bcdaf0
}

.toggle.small-toggle input:checked+.track .handle {
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
	left: 5px
}

.toggle.small-toggle .handle {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	top: 5px;
	left: 6px
}

.rui-radio {
	display: inline-block;
	width: 20px;
	height: 20px
}

.rui-radio input {
	display: none!important
}

.rui-radio .rui-radio-warp {
	overflow: hidden;
	width: 20px;
	height: 20px;
	display: inline-block;
	padding: 1px
}

.rui-radio .rui-radio-track {
	display: block;
	position: relative;
	height: 18px;
	width: 18px;
	border: 2px solid #b5b5b5;
	background-color: #fff;
	border-radius: 50%;
	cursor: pointer
}

.rui-radio .rui-radio-track:after {
	position: absolute;
	top: 2px;
	left: 2px;
	height: 10px;
	width: 10px;
	background-color: #fff;
	border-radius: 6px;
	content: " "
}

.rui-radio.selected .rui-radio-warp .rui-radio-track {
	border: 2px solid #008cf5
}

.rui-radio.selected .rui-radio-warp .rui-radio-track:after {
	background-color: #008cf5
}

.allSearchResults,
.archieve-list,
.archieve .header-app-right-list,
.companyRight .groupMain,
.companySettingView,
.companyTeamLeft .allList,
.companyTeamRight,
.doc-list-wrap,
.fileModal ul,
.kanban-item-warp,
.kanbanProgress .leftContent-Container,
.Notification ul,
.personalSettings .right,
.quadUlDiv ul,
.recycleBin .right ul,
.selectUserPanel>ul,
.taskDetail .mainContent,
.weekView .weekContentView .taoBody {
	scrollbar-arrow-color: #cbcbcb;
	scrollbar-face-color: #cbcbcb;
	scrollbar-shadow-color: #cbcbcb
}

::-webkit-scrollbar {
	width: 6px;
	height: 4px
}

#storageUlDiv ul::-webkit-scrollbar {
	width: 6px
}

.kanbanCard-main-container::-webkit-scrollbar {
	height: 6px
}

.kanbanCard-main-container::-webkit-scrollbar-thumb,
.kanbanCard-main-container::-webkit-scrollbar-track {
	border-radius: 2px
}

::-webkit-scrollbar-track {
	border-radius: 6px;
	background: rgba(0, 0, 0, .06)
}

::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #1ba4ff
}

.dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv ul::-webkit-scrollbar-thumb,
.vip-pay-view section::-webkit-scrollbar-thumb {
	background: #d3d7d9
}

.dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv ul::-webkit-scrollbar-track,
.vip-pay-view section::-webkit-scrollbar-track {
	background: #e7eaec
}

.allSearchResults ::-webkit-scrollbar-thumb,
.archieve-list::-webkit-scrollbar-thumb,
.archieve .header-app-right-list::-webkit-scrollbar-thumb,
.companyRight .groupMain::-webkit-scrollbar-thumb,
.companySettingView ::-webkit-scrollbar-thumb,
.companyTeamLeft .allList::-webkit-scrollbar-thumb,
.companyTeamRight ::-webkit-scrollbar-thumb,
.doc-detail::-webkit-scrollbar-thumb,
.doc-main::-webkit-scrollbar-thumb,
.fileModal ul::-webkit-scrollbar-thumb,
.kanban-item-warp::-webkit-scrollbar-thumb,
.kanbanProgress .leftContent-Container .card-view::-webkit-scrollbar-thumb,
.Notification ul::-webkit-scrollbar-thumb,
.personalSettings .right::-webkit-scrollbar-thumb,
.popTdUl::-webkit-scrollbar-thumb,
.quadUlDiv ul::-webkit-scrollbar-thumb,
.recycleBin .list .body::-webkit-scrollbar-thumb,
.recycleBin .right ul::-webkit-scrollbar-thumb,
.selectUserPanel>ul::-webkit-scrollbar-thumb,
.taskDetail .mainContent ::-webkit-scrollbar-thumb,
.weekView ::-webkit-scrollbar-thumb {
	background: #cbcbcb
}

#storageUlDiv>ul::-webkit-scrollbar-thumb,
.doc-left-bar .body .content::-webkit-scrollbar-thumb,
.kanban-view .kanban-left-bar .kanban-left-body .warp-y::-webkit-scrollbar-thumb {
	background: hsla(0, 0%, 100%, .3)
}

.kanban-item-warp::-webkit-scrollbar-thumb {
	background-color: #d3d7d9
}

.leftCardItem {
	width: 100%;
	height: 99px;
	border-radius: 3px;
	margin-bottom: 8px;
	position: relative;
	-webkit-transition: all .1s;
	transition: all .1s
}

.leftCardItem:not(.active) .lefCardBg-warp .leftCard-warp .left .owner {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46);
	background: rgba(0, 0, 0, .05)
}

.leftCardItem.active .lefCardBg-warp .leftCard-warp .left .show-member {
	color: #fff
}

.leftCardItem .bgImg {
	width: 100%;
	height: 100%;
	border-radius: 4px
}

.leftCardItem .lefCardBg-warp {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(19, 132, 213, .95);
	border-radius: 3px;
	cursor: pointer;
	padding: 18px 10px 12px 20px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.leftCardItem .lefCardBg-warp .leftCard-warp {
	width: 100%;
	height: 100%;
	position: relative
}

.leftCardItem .lefCardBg-warp .leftCard-warp .left {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 30px
}

.leftCardItem .lefCardBg-warp .leftCard-warp .left .show-member {
	margin-top: 10px;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46);
	display: inline-block
}

.leftCardItem .lefCardBg-warp .leftCard-warp .left .show-member i {
	font-size: 20px;
	vertical-align: sub;
	margin-right: 3px
}

.leftCardItem .lefCardBg-warp .leftCard-warp .left .name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.leftCardItem .lefCardBg-warp .leftCard-warp .left .type {
	position: absolute;
	bottom: 19px
}

.leftCardItem .lefCardBg-warp .leftCard-warp .left .owner {
	position: absolute;
	width: 33px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	background: rgba(0, 0, 0, .25);
	bottom: 2px;
	text-align: center;
	border-radius: 2px
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 30px
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp {
	padding-top: 2px;
	text-align: right
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp .star {
	display: none;
	font-size: 18px;
	color: #fec029;
	-webkit-transition: all .3s;
	transition: all .3s
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp .cancel {
	display: block
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp .isStar {
	display: block;
	color: #fec029
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .show-menu {
	position: absolute;
	bottom: 0;
	right: 0;
	display: none
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp {
	position: absolute;
	right: 0;
	bottom: 0
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp .config {
	display: none;
	padding-left: 94px;
	float: right;
	height: 20px;
	white-space: nowrap;
	-webkit-transition: all .3s;
	transition: all .3s
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp .config:hover {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp .dropdown-menu {
	min-width: 135px
}

.leftCardItem:hover .lefCardBg-warp .leftCard-warp .right .star-warp .star {
	display: block
}

.leftCardItem:hover .lefCardBg-warp .leftCard-warp .right .star-warp .star:hover {
	color: #fffc00
}

.leftCardItem.active {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .13)
}

.leftCardItem.active .lefCardBg-warp {
	background-color: #238bdf
}

.leftCardItem.active .lefCardBg-warp .leftCard-warp .right .config-warp .config,
.leftCardItem.active .lefCardBg-warp .leftCard-warp .right .show-menu {
	display: block
}

.leftCardItem.active .lefCardBg-warp.showImg {
	background-color: rgba(0, 0, 0, .2)
}

.leftCardItem:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .13)
}

.leftCardItem:hover .lefCardBg-warp {
	background-color: #238bdf
}

.leftCardItem:hover .lefCardBg-warp.showImg:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	content: '';
	background: hsla(0, 0%, 100%, .1)
}

.ie .lefCardBg-warp {
	right: -1px
}

.leftCardItem.active:hover .lefCardBg-warp.showImg {
	background: transparent
}

.leftCardItem.active:hover .lefCardBg-warp.showImg:before {
	display: none
}

.switch3Ul.blue {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #1ba4ff;
	border-radius: 16px;
	width: 112px;
	height: 32px;
	position: relative
}

.switch3Ul.blue .activeCircle {
	position: absolute;
	left: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 100%;
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
	transition: transform .2s ease-out, -webkit-transform .2s ease-out;
	background: #fff;
	text-align: center;
	z-index: 1
}

.switch3Ul.blue .activeCircle.left {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.switch3Ul.blue .activeCircle.center {
	-webkit-transform: translateX(40px);
	transform: translateX(40px)
}

.switch3Ul.blue .activeCircle.right {
	-webkit-transform: translateX(80px);
	transform: translateX(80px)
}

.switch3Ul.blue .inUl {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	border-radius: 16px;
	z-index: 2
}

.switch3Ul.blue .inUl li {
	cursor: pointer;
	text-align: center;
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 100%;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
	font-size: 12px;
	color: #fff
}

.switch3Ul.blue .inUl li.switchCenter,
.switch3Ul.blue .inUl li.switchRight {
	margin-left: 8px
}

.switch3Ul.blue .inUl li.active {
	color: #1ba4ff;
	cursor: default
}

.switch3Ul.white {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	box-shadow: none;
	border-radius: 2px;
	width: 120px;
	height: 29px;
	border: 1px solid #b1b1b1;
	position: relative;
	box-sizing: content-box
}

.switch3Ul.white .activeCircle {
	position: absolute;
	left: 0;
	width: 40px;
	height: 29px;
	line-height: 29px;
	border-radius: 2px;
	background: #1ba4ff;
	text-align: center;
	z-index: 1
}

.switch3Ul.white .activeCircle.left {
	border-radius: 1px 0 0 1px;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.switch3Ul.white .activeCircle.center {
	border-radius: 0;
	-webkit-transform: translateX(40px);
	transform: translateX(40px)
}

.switch3Ul.white .activeCircle.right {
	border-radius: 0 1px 1px 0;
	-webkit-transform: translateX(80px);
	transform: translateX(80px)
}

.switch3Ul.white .inUl {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
	border-radius: 2px;
	z-index: 2
}

.switch3Ul.white .inUl li {
	cursor: pointer;
	text-align: center;
	float: left;
	width: 38px;
	height: 29px;
	line-height: 29px;
	border-radius: 0;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
	font-size: 12px;
	color: #a3a3a3
}

.switch3Ul.white .inUl li.active {
	color: #fff;
	cursor: default
}

.switch3Ul.white .inUl li+li {
	border-left: 1px solid #b1b1b1;
	margin-left: 1px
}

.diyCheckbox {
	position: relative;
	display: inline;
	margin: 0;
	background-color: inherit;
	cursor: pointer
}

.diyCheckbox .blank {
	color: #b9b9bc;
	font-size: 1.125rem;
	z-index: 1
}

.diyCheckbox .check,
.diyCheckbox .checkTail {
	display: none
}

.diyCheckbox.checked .check {
	display: block;
	position: absolute;
	top: -6px;
	left: 3px;
	font-size: 15px;
	color: #3ea2e4;
	z-index: 3
}

.diyCheckbox.checked .checkTail {
	display: block;
	position: absolute;
	top: -6px;
	left: 12px;
	width: 7px;
	height: 8px;
	background-color: inherit;
	z-index: 2
}

.inside-modal-over-modal .inside-modal-backdrop {
	top: 0;
	z-index: 1041
}

.inside-modal-backdrop {
	position: fixed;
	top: 3.375rem;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(1, 110, 179, .72);
	z-index: 980
}

.inside-modal-backdrop .inside-modal-content {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	overflow: auto
}

.inside-modal-backdrop .inside-modal-content.align-center {
	text-align: center
}

.inside-modal-backdrop .inside-modal-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	border-top: 1px solid hsla(0, 0%, 84%, .54)
}

.inside-modal-backdrop .inside-modal-footer>i {
	font-size: 36px;
	cursor: pointer;
	color: hsla(0, 0%, 100%, .8);
	position: absolute;
	left: 50%;
	bottom: 10px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.inside-modal-backdrop .inside-modal-footer>i:hover {
	color: #fff
}

.dropdown,
.dropup {
	position: relative
}

.dropdown-toggle:focus {
	outline: 0
}

.dropup .dropdown-toggle:after {
	border-top: 0;
	border-bottom: .3em solid
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 180px;
	padding: 5px 0;
	margin: 2px 0 0;
	color: rgba(0, 0, 0, .54);
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 2px;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .21)
}

.dropdown-divider {
	height: 1px;
	margin: .5rem 0;
	overflow: hidden;
	background-color: #e5e5e5
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 10px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.7;
	color: rgba(0, 0, 0, .54);
	text-align: inherit;
	white-space: nowrap;
	background: none;
	border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: rgba(0, 0, 0, .54);
	text-decoration: none;
	background-color: #f5f5f5
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0275d8;
	outline: 0
}

.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
	color: #c3c3c3
}

.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
	text-decoration: none;
	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"
}

.open>.dropdown-menu {
	display: block
}

.open>a {
	outline: 0
}

.dropdown-menu-right {
	right: 0;
	left: auto
}

.dropdown-menu-left {
	right: auto;
	left: 0
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: .875rem;
	line-height: 1.7;
	color: #f2f6fb;
	white-space: nowrap
}

.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990
}

.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	content: "";
	border-top: 0;
	border-bottom: .3em solid
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px
}

.popover {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	z-index: 1060;
	display: block;
	font-family: PingFang, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.7;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: .875rem;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 2px;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .21)
}

.popover.popover-top,
.popover.rui-tether-element-attached-bottom {
	margin-top: 2px
}

.popover.popover-right,
.popover.rui-tether-element-attached-left {
	margin-left: 2px
}

.popover.popover-bottom,
.popover.rui-tether-element-attached-top {
	margin-top: 2px
}

.popover.popover-left,
.popover.rui-tether-element-attached-right {
	margin-left: 2px
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: .75rem;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: -.7rem -.7rem 0 0
}

.popover-content {
	padding: 0
}

.popover-close {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 20px;
	display: none
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: rgba(0, 0, 0, .5)
}

.modal-backdrop .modal-content {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto
}

.modal-backdrop .modal-content.align-center {
	text-align: center
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.pull-xs-left {
	float: left!important
}

.pull-xs-right {
	float: right!important
}

.pull-xs-none {
	float: none!important
}

@media (min-width:544px) {
	.pull-sm-left {
		float: left!important
	}
	.pull-sm-right {
		float: right!important
	}
	.pull-sm-none {
		float: none!important
	}
}

@media (min-width:768px) {
	.pull-md-left {
		float: left!important
	}
	.pull-md-right {
		float: right!important
	}
	.pull-md-none {
		float: none!important
	}
}

@media (min-width:992px) {
	.pull-lg-left {
		float: left!important
	}
	.pull-lg-right {
		float: right!important
	}
	.pull-lg-none {
		float: none!important
	}
}

@media (min-width:1200px) {
	.pull-xl-left {
		float: left!important
	}
	.pull-xl-right {
		float: right!important
	}
	.pull-xl-none {
		float: none!important
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

.invisible {
	visibility: hidden!important
}

.text-hide {
	font: "0/0" a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.text-justify {
	text-align: justify!important
}

.text-nowrap {
	white-space: nowrap!important
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.text-xs-left {
	text-align: left!important
}

.text-xs-right {
	text-align: right!important
}

.text-xs-center {
	text-align: center!important
}

@media (min-width:544px) {
	.text-sm-left {
		text-align: left!important
	}
	.text-sm-right {
		text-align: right!important
	}
	.text-sm-center {
		text-align: center!important
	}
}

@media (min-width:768px) {
	.text-md-left {
		text-align: left!important
	}
	.text-md-right {
		text-align: right!important
	}
	.text-md-center {
		text-align: center!important
	}
}

@media (min-width:992px) {
	.text-lg-left {
		text-align: left!important
	}
	.text-lg-right {
		text-align: right!important
	}
	.text-lg-center {
		text-align: center!important
	}
}

@media (min-width:1200px) {
	.text-xl-left {
		text-align: left!important
	}
	.text-xl-right {
		text-align: right!important
	}
	.text-xl-center {
		text-align: center!important
	}
}

.text-lowercase {
	text-transform: lowercase!important
}

.text-uppercase {
	text-transform: uppercase!important
}

.text-capitalize {
	text-transform: capitalize!important
}

.font-weight-normal {
	font-weight: 400
}

.font-weight-bold {
	font-weight: 700
}

.font-italic {
	font-style: italic
}

.text-muted {
	color: #f2f6fb
}

.text-primary {
	color: #0275d8!important
}

a.text-primary:focus,
a.text-primary:hover {
	color: #025aa5
}

.text-success {
	color: #5cb85c!important
}

a.text-success:focus,
a.text-success:hover {
	color: #449d44
}

.text-info {
	color: #5bc0de!important
}

a.text-info:focus,
a.text-info:hover {
	color: #31b0d5
}

.text-warning {
	color: #f0ad4e!important
}

a.text-warning:focus,
a.text-warning:hover {
	color: #ec971f
}

.text-danger {
	color: #d9534f!important
}

a.text-danger:focus,
a.text-danger:hover {
	color: #c9302c
}

.userSelectNone {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.bg-inverse {
	color: #eceeef;
	background-color: rgba(0, 0, 0, .54)
}

.bg-faded {
	background-color: #f7f7f9
}

.bg-primary {
	color: #fff!important;
	background-color: #0275d8!important
}

a.bg-primary:focus,
a.bg-primary:hover {
	background-color: #025aa5
}

.bg-success {
	color: #fff!important;
	background-color: #5cb85c!important
}

a.bg-success:focus,
a.bg-success:hover {
	background-color: #449d44
}

.bg-info {
	color: #fff!important;
	background-color: #5bc0de!important
}

a.bg-info:focus,
a.bg-info:hover {
	background-color: #31b0d5
}

.bg-warning {
	color: #fff!important;
	background-color: #f0ad4e!important
}

a.bg-warning:focus,
a.bg-warning:hover {
	background-color: #ec971f
}

.bg-danger {
	color: #fff!important;
	background-color: #d9534f!important
}

a.bg-danger:focus,
a.bg-danger:hover {
	background-color: #c9302c
}

.m-x-auto {
	margin-right: auto!important;
	margin-left: auto!important
}

.m-a-0 {
	margin: 0!important
}

.m-t-0 {
	margin-top: 0!important
}

.m-r-0 {
	margin-right: 0!important
}

.m-b-0 {
	margin-bottom: 0!important
}

.m-l-0,
.m-x-0 {
	margin-left: 0!important
}

.m-x-0 {
	margin-right: 0!important
}

.m-y-0 {
	margin-top: 0!important;
	margin-bottom: 0!important
}

.m-a-1 {
	margin: 1rem!important
}

.m-t-1 {
	margin-top: 1rem!important
}

.m-r-1 {
	margin-right: 1rem!important
}

.m-b-1 {
	margin-bottom: 1rem!important
}

.m-l-1,
.m-x-1 {
	margin-left: 1rem!important
}

.m-x-1 {
	margin-right: 1rem!important
}

.m-y-1 {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important
}

.m-a-2 {
	margin: 1.5rem!important
}

.m-t-2 {
	margin-top: 1.5rem!important
}

.m-r-2 {
	margin-right: 1.5rem!important
}

.m-b-2 {
	margin-bottom: 1.5rem!important
}

.m-l-2,
.m-x-2 {
	margin-left: 1.5rem!important
}

.m-x-2 {
	margin-right: 1.5rem!important
}

.m-y-2 {
	margin-top: 1.5rem!important;
	margin-bottom: 1.5rem!important
}

.m-a-3 {
	margin: 3rem!important
}

.m-t-3 {
	margin-top: 3rem!important
}

.m-r-3 {
	margin-right: 3rem!important
}

.m-b-3 {
	margin-bottom: 3rem!important
}

.m-l-3,
.m-x-3 {
	margin-left: 3rem!important
}

.m-x-3 {
	margin-right: 3rem!important
}

.m-y-3 {
	margin-top: 3rem!important;
	margin-bottom: 3rem!important
}

.p-a-0 {
	padding: 0!important
}

.p-t-0 {
	padding-top: 0!important
}

.p-r-0 {
	padding-right: 0!important
}

.p-b-0 {
	padding-bottom: 0!important
}

.p-l-0,
.p-x-0 {
	padding-left: 0!important
}

.p-x-0 {
	padding-right: 0!important
}

.p-y-0 {
	padding-top: 0!important;
	padding-bottom: 0!important
}

.p-a-1 {
	padding: 1rem!important
}

.p-t-1 {
	padding-top: 1rem!important
}

.p-r-1 {
	padding-right: 1rem!important
}

.p-b-1 {
	padding-bottom: 1rem!important
}

.p-l-1,
.p-x-1 {
	padding-left: 1rem!important
}

.p-x-1 {
	padding-right: 1rem!important
}

.p-y-1 {
	padding-top: 1rem!important;
	padding-bottom: 1rem!important
}

.p-a-2 {
	padding: 1.5rem!important
}

.p-t-2 {
	padding-top: 1.5rem!important
}

.p-r-2 {
	padding-right: 1.5rem!important
}

.p-b-2 {
	padding-bottom: 1.5rem!important
}

.p-l-2,
.p-x-2 {
	padding-left: 1.5rem!important
}

.p-x-2 {
	padding-right: 1.5rem!important
}

.p-y-2 {
	padding-top: 1.5rem!important;
	padding-bottom: 1.5rem!important
}

.p-a-3 {
	padding: 3rem!important
}

.p-t-3 {
	padding-top: 3rem!important
}

.p-r-3 {
	padding-right: 3rem!important
}

.p-b-3 {
	padding-bottom: 3rem!important
}

.p-l-3,
.p-x-3 {
	padding-left: 3rem!important
}

.p-x-3 {
	padding-right: 3rem!important
}

.p-y-3 {
	padding-top: 3rem!important;
	padding-bottom: 3rem!important
}

.pos-f-t {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}

.hidden-xs-up {
	display: none!important
}

@media (max-width:543px) {
	.hidden-xs-down {
		display: none!important
	}
}

@media (min-width:544px) {
	.hidden-sm-up {
		display: none!important
	}
}

@media (max-width:767px) {
	.hidden-sm-down {
		display: none!important
	}
}

@media (min-width:768px) {
	.hidden-md-up {
		display: none!important
	}
}

@media (max-width:991px) {
	.hidden-md-down {
		display: none!important
	}
}

@media (min-width:992px) {
	.hidden-lg-up {
		display: none!important
	}
}

@media (max-width:1199px) {
	.hidden-lg-down {
		display: none!important
	}
}

@media (min-width:1200px) {
	.hidden-xl-up {
		display: none!important
	}
}

.hidden-xl-down,
.visible-print-block {
	display: none!important
}

@media print {
	.visible-print-block {
		display: block!important
	}
}

.visible-print-inline {
	display: none!important
}

@media print {
	.visible-print-inline {
		display: inline!important
	}
}

.visible-print-inline-block {
	display: none!important
}

@media print {
	.visible-print-inline-block {
		display: inline-block!important
	}
}

@media print {
	.hidden-print {
		display: none!important
	}
}

@font-face {
	font-family: Simditor;
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABp8AA4AAAAAKmwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAaYAAAABoAAAAcdO8GE09TLzIAAAG0AAAARQAAAGAQ+ZFXY21hcAAAAkgAAABRAAABWuA2Gx9jdnQgAAAEgAAAAAoAAAAKAwQAxGZwZ20AAAKcAAABsQAAAmUPtC+nZ2x5ZgAABNgAABPeAAAgZG/p6QxoZWFkAAABRAAAADAAAAA2BvuCgGhoZWEAAAF0AAAAHgAAACQH9QTlaG10eAAAAfwAAABKAAAAlHv7AItsb2NhAAAEjAAAAEwAAABMi4qTXm1heHAAAAGUAAAAIAAAACABRwHNbmFtZQAAGLgAAAEFAAAB12vS/ulwb3N0AAAZwAAAAJ4AAAFsyCrvunByZXAAAARQAAAALgAAAC6w8isUeNpjYGRgYADiKAkPy3h+m68M8swfgCIMF0/IVyDo/84sFswJQC4HAxNIFAAZwAnyeNpjYGRgYE5gmMAQzWLBwPD/O5AEiqAAVQBa6wPkAAAAAQAAACUAoAAKAAAAAAACAAEAAgAWAAABAAEpAAAAAHjaY2BhnsA4gYGVgYGpn+kgAwNDL4RmfMxgxMgCFGVgZWaAAUYBBjTQwMDwQY454X8BQzRzAsMEIJcRSVaBgREAQ9oK6QAAAHjaY8xhUGQAAsYABgbmDwjMYsEgxCzBwMDkAOQnALEEgx1UjhNMr4BjTqBakDxC/wqIPsYMqJoEKIbpk0C1C4zXM3DA5AEzchbtAAB42mNgYGBmgGAZBkYGEAgB8hjBfBYGCyDNxcDBwASEDAy8DAof5P7/B6sCsRmAbOb/3/8/FWCD6oUCRjaIkWA2SCcLAyoAqmZlGN4AALmUC0kAAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkALvhTZIIK4uwsh2YzlC2o1c5GJcwAdQIFGD9msGaChTpE2DkAskPoFPiJSZNYmiNDs7s3POmTNLypGqd2m956lzFkjhboNmm34npNpFgAfS9Y1GRtrBIy02M3rlun2/j8FmNOVOGkB5z1vKQ0bTTqAW7bl/Mj+D4T7/yzwHg5Zmmp5aZyE9hMB8M25p8DWjWXf9QV+xOlwNBoYU01Tc9cdUyv+W5lxtGbY2M5p3cCEiP5gGaGqtjUDTnzqkej6OYgly+WysDSamrD/JRHBhMl3VVC0zvnZwn+wsOtikSnPgAQ6wVZ6Ch+OjCYX0LYkyS0OEg9gqMULEJIdCTjl3sj8pUD6ShDFvktLOuGGtgXHkNTCozdMcvsxmU9tbhzB+EUfw3S/Gkg4+sqE2RoTYjlgKYAKRkFFVvqHGcy+LAbnU/jMQJWB5+u1fJwKtOzYRL2VtnWOMFYKe3zbf+WXF3apc50Whu3dVNVTplOZDL2ff4xFPj4XhoLHgzed9f6NA7Q2LGw2aA8GQ3o3e/9FadcRV3gsf2W81s7EWAAAAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYWbAUKwAAAAAAowCFACECfwAAAAAAKgAqACoAKgAqACoAfgEkAcAChAK+A2oElgU2BbQGxgeYCBgIPgjGCU4KZgqKCq4LQAuYDDoMcAzuDXINoA4MDngO4g86D6QQMnjazVl5cBvXeX9vF4tdXHsBuwBBEvdBAgQXxOIgRPGQSEkULcoJJds6Yku2Na6TKJXHsnx0XNptHcvNpLaSJpkczthV68Zu0ulbQE58qXXaHK3j7ThjD6PmmnQmaTydSaqkmdbxkFC/tyApinXiuP2jlcC37/vegX3f8fu+7wExKIkQLjCPIxbxaNjCyNja4l3sTyqWm/vu1hbLQBdZLGVzlN3i3a7lrS1M+aaSVPKmkk5iz+tf/zrz+MrRJHMDgp3US3/tyjEvIQn1oiJCWd6dx7kGrsexLuGwjlm3AXSQ0h5M+5M4D3/1MNbx4b5AoPNmIIDdgQB0v/e9AJ78JqemVLfT4uN0sDtAHzBtvvvYsIK5aqWgcF6XyizRR+f+K9cAhRB9T3TpGTbCRlAARdAEehiRCYNwNulNLCmkzyZ+g6g2GTSIaJKCTUo2JpMGSS0RZBOp0kohb7E9lerzFMlghSDZ4nGRbLGJRpdXbGsKFy2UUlRL7Gk2iaacYzlfeCITbhJeJY0msvycorZj8eYWylMV4JFBtaXlKs1mszyS5UNh3azUqvlhnOLZsAZEvZpLp9gU35jAjfo4lvM5GEzn6xkzXAnrWogXMR/DITfvTuMy9hSyr0XSx+6VXa6+1NFbTrwrPvD+v8OevSHFLzT9cYbZgqXZ+U9cVahEC7nrTo6ZN33w2fdsCykvTOaaCTc+/vn7XbOf27X840CNEYXYRJYp6gEOswb24YPlHbsHtIgSvO1Tt/aNgglRWTJTIMsB9FeIDIAcTZKzidsmIYNoNumpEE0mvSDCQcMqgKDq0ecmDv/sY0grekXil4n0opXCvyTxF4Foi34pWCQpuZ1IxYPFdpK2LWAmPpT4UNotKmqzBTx4kEQTPe0X44lkatj5h6+gyFQUI8s9AErADCghpxChSUIq6W9aWq+iEh0EzeVzKTffqK/+V2sg03wjXKk33FSeImbcYKhhN4/fd9OemVtlr18f6ZF5rjKH9R0+33cKp0KsIC1o7ti2EsbaPoaf9TE+XHZxvoCWEf8N39gvBlhmi0fAkSinC+Kfdr71j6KX8/f3IsaxwaMgt13oOvSHqDWPUJHst4lgUJPbYrSVYGw6EzbJmG2FpioVMiaTCDWwcZMkbLKjgskBgwSWSMZuZQLUIDMxT7EVyNBuIAi2mZGtEbDEg/A3kgGDi/RuGQODQ1aiABSWA3WgrMgWkMa2JhlTyCTIBLxUhbO706lhZhxXc/mUgetmuFGpm3xYc6d4dz+mQgGbBJFN4OowNjCYIp9vmGG9EdZDsFbEwRoYbDIFk0O6mazUmTcx5w8nC4c/c/3p7WF9p8ozvPRZIiZYjLPTXh4L3N6Rxs1jUZ8Wcgksy/T3NAXGODmw0+tiotqg/xavsPwVwesV2K2Cl/ly0tv5m+Nbkjur+2+/7oX3J1hmBPMc5rMcJ/LTyd/77O8O9A6F5NSO04195WQ+hpmymxFwMCDybv/ymxm6EW2o/U5c+g/m28xHURrwSg9J2A0n5mmTq1J0gqZeiYPXQUOHmZdkeY9cVJ94Qi1CR37iiU30Y7+Cv0av4c9F0L2EBtEcWkTENMiMo3vJJmmD6OAuVwEILZGs3Z7IqkKRTNokK1uz4EAl29oDOp2cAMXJTZJVqPpm1afj+kChYlJIKSnnIv3R4qCjbWEGtF0ojU5SbaclIGQ12k+n6QqJUJVXdFCTG9SVA43XzUauVm3UzUoYAEUC7eaom4RA5WHeBPWKbIpqnBoHIFEjhqktgCHkc+z3qVyXq7TtjF6156NX3+4OMLwh9MVGPrhn7u6bzQd+7Ar7hq87cLq0N+lnmKasspMnM/trJQXf2tUIbTKzV98yuyunv6/pYVhmf9zcfnhPKp4+ox3a2j88qgd0r9fDjw8N4giTLrtu7Js5MCBRXHcjz6XbQK6HURiV0RSaR9ejD+BB1KpT3xq3iatCxmXC2hTHAeNlm0QNMmyTsk32GeSQTVIGydvkZoNsN8n7bKqSbZXWzM3UpWau8hQx+W2DsEtkrkIYmzCytQPUMW8TvtLaMU8n7Zj2FNvq/A7QV8IkXruleilbpaFiXrYMX5FE6J7WCVAgwyoqgJYWy+ym2tihtEOl4V1OSFCfllE4lb+KEvOK5RsCCPOqbTc3WHB0KvsB2LwB4NaVtkcMhuhEVrV4DVhIIUCNq8TdtIajYCS9TbIP4lqTlFVSapJDyrlYojCUoWtSKsk2SV4hg2AIDV5L10zNCSSpfMOJQXy+Pom1dK4KCFmrplNAmxWdBhrerHHaBrNJVnRM19fSbgoG2uZBZRP9QH3r87X+5Ph7s4m+SHlMqgT2v8wOhKfi0WA5tnNwNBceZ3ax+73Cyn5qF8wXBO/y6+fHsSsyMD/GXrORv7F/iOm/ZmQbPzhXzVaiiSwX3+a/cFAyG2IuEksmx40Zw5+KJNvH6Xza4J81Gmc8WnHXD//pMi+y3u3aFbr0XfYi8wvIlCQUR3nUANQ+gVoatSvIF1iKyzwkCgap2sRHKfDjccen05TKgz/PQmhcsvwZgHJsW0KiUrF24yKy+jSKxi4OUf+sloDw+AMCJWbGgUhmsgkgyiN1UAqoobL2xJvkiX4Ff7PcL0wemlz7sNddKd63YG7sn3KW/bPTdv5iXUaMsZlzpQAZJ+l6EvAujibRAmpxVG4Zk4puK6QHIDWT+G0yBDFtyiDCEgiI9NitHoE6T48CzoNlawB8LWmTpt1qDlB+c8RTtLaBBAHB4IhFnMrVlGp9bBXOgHaiD6W5txmH9K50oTT51F0ZSdOkzNg1CX2xNInfeEvuDPAmS/jDdz2lSbOSds2Yqiecif+NSY/tXT87tRwDzn81OgK2cx96BD2GHkStj1NZ+G1r6D1gGJxhZfabVDDWnnsrVDTWzB1Ab7Wt4x8GumZYxx4A+lGwp8cN8skl4rGtyCiMeGQLAabIZegP2tbsrfQpWwngTR2F/kHbuvsh+pStdwHvtvuh/xHb+hNHflmI1hvkUafYvpHmNo3j2q8ff6fzN39fQ+maLNWXgysJr3COGtQVzUZu5wdvzf9N5lxuZmvZFX+2Vssyv8hVD62b8A/We69ctvBn3oL5NsOX93lh5VHna46B5Gk+4Ln0ZfYx9jqomhqQDT7u1CNRm+x0ckE3RZBrneC013ayvrklmmLnZCsGPrFgk+10hm6TBdlinFLESfq25yC+JPtmds7vpWiixyBmTO+DALGgWKH98GTUds/4xLVORNkJgeJphm9u2TZNJxfcMHmGTrpWsYp0UUpt53bPvduBomy9CmlBio8xkO+5U8Ns3h2C7KgClZ4zAElUlx5m8hSSYiy3llnlqo38WnLVTan4cL0SZtOyfEoaVlnFzXkTMUnkZVaV7pBLUuer3ec+mCCXNk7A3zfK+4wHyyeNSqV8euTUFdTDsOQUpBcyz/sHEi6fW2FVAzaS8He6zwV5SL5ywr+PPDi8YJTvGDkNTmScuoJCLpqzuUbBj3kkohgaRu9FrbCDY4D/BkV/2SBF0I8BOcQSCUH9I1scaMNL8b6FOYpZ2NPFsl7gJ2yrDFrCUAsSf5P0KiQAemDDgPkCRACnXFSICOK+jOzJWiOMs5BXa0o3rwYPyYU3e8utDowz9y2/fu4QTuDE8r1O4vwAtAu17PK91N3ZB3JVZncXt19YPk4nnt0I9erKfsdCv5CrVimEQZ2HE2wEvwE4piEAKgrYfjiubFjKOghvjDNsJKGv7NcTCZ35gp7Af3ucdmmDOAcTLzr1dz8qoXHI1OqoFaTSjDr5r8upuyEphqoa5DcNJg9ftdewrqYR0yzQsg7RWll1zMo5OhjT5leovUP6a9xZXvR6Rf4sa6wlsuzLTgx81BHMsc39y3PwR/38Wc4r4BnBy53t/OjXwsMrV+QXby8PdoM8fG8tD4Gn8giCLax7l/6/lccFKgrOEQobeacCYYY7L1BR8I5cOrO/uUAEpz56kj2KPGBrSdRE74ZM/r3oJPo2apWpVAbsFiQVxTY7UIZUe4DCH2TycZtca5DDNkVPipR3OEi5HfBRtmTwOB8IT7aOQe+ITY7IVhVT77VOUaycAxEyHOCcrHzRo4fHZ3bMUw/0qWRvkxxT2kMlp3gmR1Qy0CRV5UtGvt44cPD4CcrMqOQk+G60rKhfFELBzFCpStlxhaQBQNV2vTGzgzIOK2R3k0yoX9oytn3uxpuOf4Ay9yrkdif5hpyb3oXpYY36O9VBRc91ExcnbVmvTnN5qLMrkw7YNvRwns+vQS6f24Csrg1r8YY9w+vf9J9nQDmBwJlAdMEre+GzuB4LmbMAp6WHys97xdOfkoYp/H7aKyknLhOqeH5tCr59fV3nQnenH61v/fEzHOd0MuuxdtGZ0tNF2Be8uvfTFI9L0mdOe6Tfukz4/efXpow7K3BifYvr13btYhM6x0wBNgWQiojbcIBJNCzJASZ0OfaAVTNFzbfsSXiWfZqE38BvaHHoAieuOfvM4hnmIdgniJwdeKjYIFtf3ehKsJlxVtH1+O61/STYvBsrwH63OvVCHnK+21CLp3Yrmt3AQG9wIGh4TRo9+rppr7lEhiAHli0MZhmwSUC2PNBT7JZHobHDE+nmu9aQCbY6thVsFSuWKwPPgEomwf4yCRgwyhQHMlWnZqf3hs6zscGzx3AMO1kWFHIsmMhqcjyO012zoLbDvKLFNC32hNNen9CXv0LR+6JvNH0mPeq7qCe+JPSc0aQzknYGsnR12dfnW1adyaufs+foAtoMDCQS+Fp9mSbRy3pYptKWu/eGzv1XDlURFYbk3BjmQHN55+YDxD5A0S0kKeo5jLzRXuotOcVKZegJkexOp3KrHhPDzhVpig/r/Ophqo16HNcT7NFO68a/nPD5592Ka/Cu6bueeur1ffOqV+iBF4K32X0fvp6Jdh7tLMwFfPNuhquNPfXTp+b3ymEdXpeebfauVYxefd8gZGlpVEQm+ghqFalWDUeZoLKwQWIm6YVUrUIPYcJZqgYZWYKMnCbjPaBOzSaabCWh12+TftnKdi90aqBXrQdSMJ87XzAq9KRJpc0yAT/t9qtPS8Fccdh0UrVwAOYJSmawVKaDvUo7OzA04iRmWMRUJhOYiqRC7+dieC17cK0+VTmXcMt6AgSYyMn1BLOo3f7w7Ron9vW5xD037BFdfX1i50eFrYXCVjznPJ57tbP06qu4gHtXOp9eWcG3YHZm374ZsdcjiqXR0ZIoenoxR2eufjp/jAuv0kVMb3fBytq9+zTEORP8wgtZVA61/FR+gMuQT3hAWpJBgRpZnF9RW4ybd+7DsYnT+SSfxmwS15Ia/sZRvGtxrvOZubvwyT/C0ZV76ZYr/mefZe7s/NnKv54/j7o1p+ODEajeG2gvIl6jFUs2TCiefHarN12tQAEEzlc0wNAwGTWsJv1inxdciI+DT2WUViBqwguQotrWI8MGlTVWiOZcklbqZi5Pr0kbE2wDm0HIhGNMHIf4fIoH/KXgXAN0FnEoxgKe83j0SU7jyo3OT3rLW7BY6U8KOD17j7qQjhSjewUWL2l/z8xh3tu7sCI35EQk78J4gMGPnFh5zCWUXALfozE/7/xL4Rt7x09oMpv0cB5BjEkMK8jaeZz7RFT1cC6c9HKrZ/+Y8/uGgnT0eUQ8Br30gvxUMgFPCKoQBo5t0h85ggA+YcOKdC/mXxx/c5FezBN1WCT6i5zFML8UiffF5ya/8eYFOsARDCMijATpSOhFjohyG4k4WCSMDAbrDRbbHtpSvkT5LGp7xZDu3NFP+RFmWI9XlNRgl7X2j0xFaQ7ZSAaT9M4xHcdmrRFM5nGS5bLMvUJHjuID/hMn+Jv8LzMv9XU+4bmE2Mhs5/nOeUa+ufPq/bHY1Y828SgeuQULy986fHhVDmBvzEtgeSEaGVBX2VBV6w6ga2BOWUANiKCN/AQex9gMa+zFlWeDmd7snj/4UEIKM8K7m+cPHnwt0BPfw39wiNVEE3+nuYdi/GrOtlbX51bvNSAv1gx6tZE1KKDXDKjeKcCv3lVkN+VY+U10423G2YuASwcomLJPStoFTeoIlKChBwB5+XVnJNId+aQzcqukHZ+lPdr8w6/tof9H51opU4J5pXuux52Ro92Ru52Rh/5PzvVOc+grz7XxWBtP9T86FIuESyfZZ5ivQkSKoRTUDEQwWu6gTlHOY7c4NUxRLmBArMFQRlgZCnEegUJciKYNCmG6+KrHsZbna3VwPBGHIQPNSbg2gScxZs0gVJ34z3fjqbypLn3zHtfCG2bIJd3w+B2l2jjLYu3I157BLuary52g12X4vcNy9OWTh4WouyT6XEWfznGM2rmEv3XgAMV/qgPmTuf34RQ6hloC1YAO2OTcdSlxeHHJeVfiW6J8XabVJb33S3ZvO1ibnsJKKlA1p5ok5txrs/R3PWTpcDJKasq5YKQ/meqGxIqubSyQsZLm82nFrIUbGtdI19Jamv1cvFCIL5+lLf7p4g1HFheP3IC3PHZk8QbmzkK80+cM/DBe6Aj4dxYXOw+ev+ee8/HvOoHm8t1mEU2hQ6s2lbBbCVrwo0QBCv4ep1im59rm3G52Iz8cg+Y42+E0mX4o+pXhStOJ7z2QxrWH6036gw2RFCfVu1xer1b5EN8hGS1i51e2tdsAsDkIPGYliDdesazes7CRI9OdoekjR6bxa8mk4OL7XB7OJ3aGoMLP4ddyVS7j5kK/36mLGfHnojgBj4/h49BOiPiadnfd9BGRDfJ9nKua6657hIdVGMMiWEOnOmvoYoT+C93/Vj8AAHjafY+/asMwEIc/JU6aQhsyltJBQ6eCg20IgdCt1GTwlNJsHUJijCCxwHaeqVufpM/Qta/Ri31ZOkTipO9Ov/sjYMwXhm7d8qBsGPGs3OOKd+U+j3wqB6L5UR5wY4zykJGxojTBtXj3bdaJDROelHvS91W5z5IP5UA038oD7vhVHjIxY1I8JQ2ObUs1lkz2C6S+bNzWl7XNMnHfRHNgJ2cjykoC7rBzjRdakVNwZM/m9LDKi+N+I3AunrYJhagsCVMiuRdi/0t20Vg0IXOxRJQxs26U1FdFbpNpZBf23FowTsJ5mETx7OKEa+ldyedcO9GpRzcF67yqnS9tLHUvVfgDz/ZF8gAAAHjabc25DgFhGIXh/53B2Pd9J9HPN/bSWolC4iI0OjfgxhFO6SQnT/k6z333errI/dvkc5yHh+98YsRJEJAkRZoMWXLkKVCkRJkKVWrUadCkRZsOXXr0GTBkxDh2vp5O3u4SPO63YxiG0mQkp3Im53Ihl3Il13Ijt3In9/Igjz9NfVPf1Df1TX1T39Q39U19U9/UN/VNfVPfDm8tR0peAAB42mNgYGBkAIKLcceVwfQJ+XIoXQEARe8GegAA) format("woff");
	font-weight: 400;
	font-style: normal
}

.simditor-icon {
	display: inline-block;
	font: normal normal normal 14px/1 Simditor;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.simditor-icon-code:before {
	content: '\F000'
}

.simditor-icon-bold:before {
	content: '\F001'
}

.simditor-icon-italic:before {
	content: '\F002'
}

.simditor-icon-underline:before {
	content: '\F003'
}

.simditor-icon-times:before {
	content: '\F004'
}

.simditor-icon-strikethrough:before {
	content: '\F005'
}

.simditor-icon-list-ol:before {
	content: '\F006'
}

.simditor-icon-list-ul:before {
	content: '\F007'
}

.simditor-icon-quote-left:before {
	content: '\F008'
}

.simditor-icon-table:before {
	content: '\F009'
}

.simditor-icon-link:before {
	content: '\F00A'
}

.simditor-icon-picture-o:before {
	content: '\F00B'
}

.simditor-icon-minus:before {
	content: '\F00C'
}

.simditor-icon-indent:before {
	content: '\F00D'
}

.simditor-icon-outdent:before {
	content: '\F00E'
}

.simditor-icon-unlink:before {
	content: '\F00F'
}

.simditor-icon-caret-down:before {
	content: '\F010'
}

.simditor-icon-caret-right:before {
	content: '\F011'
}

.simditor-icon-upload:before {
	content: '\F012'
}

.simditor-icon-undo:before {
	content: '\F013'
}

.simditor-icon-smile-o:before {
	content: '\F014'
}

.simditor-icon-tint:before {
	content: '\F015'
}

.simditor-icon-font:before {
	content: '\F016'
}

.simditor-icon-html5:before {
	content: '\F017'
}

.simditor-icon-mark:before {
	content: '\F018'
}

.simditor-icon-align-center:before {
	content: '\F019'
}

.simditor-icon-align-left:before {
	content: '\F01A'
}

.simditor-icon-align-right:before {
	content: '\F01B'
}

.simditor-icon-font-minus:before {
	content: '\F01C'
}

.simditor-icon-markdown:before {
	content: '\F01D'
}

.simditor-icon-checklist:before {
	content: '\F01E'
}

@font-face {
	font-family: Simditor-R;
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAdIAAsAAAAABvwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIF3mNtYXAAAAFoAAAAhAAAAITKKHN7Z2FzcAAAAewAAAAIAAAACAAAABBnbHlmAAAB9AAAAsgAAALI53Lb32hlYWQAAAS8AAAANgAAADYKbAGoaGhlYQAABPQAAAAkAAAAJAeYA8xobXR4AAAFGAAAACwAAAAsIgADmGxvY2EAAAVEAAAAGAAAABgCmANabWF4cAAABVwAAAAgAAAAIAAPADhuYW1lAAAFfAAAAaoAAAGqiaRHVXBvc3QAAAcoAAAAIAAAACAAAwAAAAMDwAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6PQDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAGgAAAAWABAAAwAGAAEAIOFa4WbiQ+K84xPohOj0//3//wAAAAAAIOFa4WbiQ+K84xPohOj0//3//wAB/+Meqh6fHcMdSxz1F4UXFgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQBCAQEDqgKBABYAAAE3ESE3LgEjIg4CByc+AzMyHgIDEpj+gJwtcD85Z1U+EWQWUm+HSitRS0QB55r+gJolKyM+VjMgQnFSLxAcKQAAAAABAFYBAQO+AoEAFgAAATIeAhcHLgMjIgYHFyERFz4DAhZKhm9SF2QQP1VnOT9wLZz+gJgdREtRAlUvUnFCIDNWPiMrJZoBgJoZKRwQAAAAAAEAqgABA4ADVQAfAAABMxEhERQGKwEiJjURITUjFRQGIyEiJj0BNDYzITIWFQMAgP6qGBJWEhgBqioYEv4AEhoaEgIAEhgDAf6q/oASGBgSAdaqKhIaGhKqEhgYEgAAAAEAVgCAA6oCVgA1AAATNDc2MyEyFxYVFAcGIyEiJyY1NDc2MyEVISIVFDMhMjc2NTQnJiMhIgcGFRQXFjMhFSEiJyZWRERiAcBGMjIyMkb+liwgICAgLAFA/rwSEgFuIhoaGhoi/kA+LCwsLD4Blv5qYkREAWpiRUUzM0ZGMjIfHywsICBWFRUZGSIiGhosLD4+KytWREQAAQEAAPYDAAIyAAUAAAEXNxcJAQE8xMQ8/wD/AAIyxMQ8/wABAAAAAAIA1gAqAyoDAAADAAoAADchFSEJAjMRIRHWAlT9rAJU/tb+1qoBAIBWAdb+1gEqAQD/AAADACoAawPWAusACwAfADMAAAEyFhUUBiMiJjU0NhMyPgI1NC4CIyIOAhUUHgITMh4CFw4DIyIuAic+AwIANExLNTRMSzUsTjoiIjpOLCxOOiIiOk4sUJJ7XRwcXXuSUFCSe10cHF17kgIrTDQ1S0s1NEz+qiE6Ti0sTjoiIjpOLC1OOiECFi9VdkZHdVUvL1V1R0Z2VS8AAAEAAAABAAA8NrfhXw889QALBAAAAAAA07veqwAAAADTu96rAAAAAAPWA1UAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA9YAAQAAAAAAAAAAAAAAAAAAAAsEAAAAAAAAAAAAAAACAAAABAAAQgQAAFYEAACqBAAAVgQAAQAEAADWBAAAKgAAAAAACgAUAB4ARgBuAJ4A6gD+ARgBZAABAAAACwA2AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACgAAAAEAAAAAAAIABwB7AAEAAAAAAAMACgA/AAEAAAAAAAQACgCQAAEAAAAAAAUACwAeAAEAAAAAAAYACgBdAAEAAAAAAAoAGgCuAAMAAQQJAAEAFAAKAAMAAQQJAAIADgCCAAMAAQQJAAMAFABJAAMAAQQJAAQAFACaAAMAAQQJAAUAFgApAAMAAQQJAAYAFABnAAMAAQQJAAoANADIU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSUmVndWxhcgBSAGUAZwB1AGwAYQByU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
	font-weight: 400;
	font-style: normal
}

[class*=" simditor-r-icon-"],
[class^=simditor-r-icon-] {
	font-family: Simditor-R!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.simditor-r-icon-attachment:before {
	content: "\E2BC"
}

.simditor-r-icon-arrow_down:before {
	content: "\E313"
}

.simditor-r-icon-download:before {
	content: "\E884"
}

.simditor-r-icon-eye:before {
	content: "\E8F4"
}

.simditor-r-icon-format_paint:before {
	content: "\E243"
}

.simditor-r-icon-redo:before {
	content: "\E15A"
}

.simditor-r-icon-undo:before {
	content: "\E166"
}

.simditor {
	position: relative;
	border: 1px solid #c9d8db
}

.simditor .simditor-wrapper {
	position: relative;
	background: #fff
}

.simditor .simditor-wrapper>textarea {
	display: none!important;
	width: 100%;
	box-sizing: border-box;
	font-family: monaco;
	font-size: 16px;
	line-height: 1.6;
	border: none;
	padding: 22px 15px 40px;
	min-height: 300px;
	outline: none;
	background: transparent;
	resize: none
}

.simditor .simditor-wrapper .simditor-placeholder {
	display: none;
	position: absolute;
	left: 0;
	z-index: 0;
	padding: 22px 15px;
	font-size: 16px;
	font-family: arial, sans-serif;
	line-height: 1.5;
	color: #999;
	background: transparent
}

.simditor .simditor-wrapper.toolbar-floating .simditor-toolbar {
	position: fixed;
	top: 0;
	z-index: 10;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.simditor .simditor-wrapper .simditor-image-loading {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.simditor .simditor-wrapper .simditor-image-loading .progress {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	bottom: 0;
	left: 0
}

.simditor .simditor-body {
	padding: 22px 15px 40px;
	min-height: 300px;
	outline: none;
	cursor: text;
	position: relative;
	z-index: 1;
	background: transparent
}

.simditor .simditor-body.simditor-on-format-paint {
	cursor: url("data:application/octet-stream;base64,AAABAAEAICAAAAEAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAABILAAASCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZAAAAMgAAADIAAAAyAAAAMgAAADIAAAATAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAADDAAAAwwAAAPcAAADDAAAAwwAAAEoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQgAAAG8AAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABgAAAABAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYAAAA3gAAAN4AAADeAAAA3gAAAN4AAADeAAAA3gAAAN4AAADeAAAA3gAAAN4AAAA+AAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN4AAACiAAAAXQAAAF0AAABdAAAAXQAAAF0AAABdAAAAXQAAAF0AAAB6AAAA3gAAAEQAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3gAAAHgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQAAADeAAAARAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADeAAAA2wAAANYAAADWAAAA1gAAANYAAADWAAAA1gAAANYAAADWAAAA2AAAAN4AAABEAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKEAAADVAAAA1QAAANUAAADVAAAA3QAAANUAAADVAAAA1QAAANUAAADVAAAAxQAAAB0AAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACkAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIcAAACdAAAASgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdAAAA3gAAAN4AAADNAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAADXAAAA3gAAAN4AAAArAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKIAAADeAAAA3gAAAGcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZQAAAN4AAADeAAAAogAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqAAAA3gAAAN4AAADYAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAADFAAAA3gAAALsAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAApAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAAvAAAALwAAAD2AAAAvAAAALwAAABHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAyAAAAMgAAADIAAAAyAAAAMgAAABMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////Af///wH/8ABv//AAb//wAG//8/xv//AAb//wAG///5/v//+P7///B+///wfv//+H7///h+///4Pv//+D7///x+/////v////Af///wH////////////////////////////////8=") 20 16, auto
}

.simditor .simditor-body a.selected {
	background: #b3d4fd
}

.simditor .simditor-body a.simditor-mention {
	cursor: pointer
}

.simditor .simditor-body .simditor-table {
	position: relative
}

.simditor .simditor-body .simditor-table.resizing {
	cursor: col-resize
}

.simditor .simditor-body .simditor-table .simditor-resize-handle {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
	cursor: col-resize
}

.simditor .simditor-body pre {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	word-wrap: break-word!important;
	white-space: pre-wrap!important
}

.simditor .simditor-body img {
	cursor: pointer
}

.simditor .simditor-body img.selected {
	box-shadow: 0 0 0 4px #ccc
}

.simditor .simditor-paste-bin {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 1px;
	height: 20px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	opacity: 0;
	-webkit-user-select: text
}

.simditor .more-option,
.simditor .simditor-toolbar {
	border-bottom: 1px solid #eee;
	background: #fff;
	width: 100%
}

.simditor .more-option .more-option.open,
.simditor .simditor-toolbar .more-option.open {
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.simditor .more-option .more-option,
.simditor .simditor-toolbar .more-option {
	position: absolute;
	top: 106%;
	right: 0;
	z-index: 0;
	opacity: 0;
	width: auto;
	border: none;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 3px;
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px)
}

.simditor .more-option .more-option>ul,
.simditor .simditor-toolbar .more-option>ul {
	padding-left: 0
}

.simditor .more-option>ul,
.simditor .simditor-toolbar>ul {
	margin: 0;
	padding: 0 0 0 6px;
	list-style: none;
	white-space: nowrap
}

.simditor .more-option>ul>li:first-child[data-type=separator],
.simditor .simditor-toolbar>ul>li:first-child[data-type=separator] {
	position: absolute;
	opacity: 0
}

.simditor .more-option>ul>li,
.simditor .simditor-toolbar>ul>li {
	position: relative;
	display: inline-block;
	font-size: 0
}

.simditor .more-option>ul>li>span.separator,
.simditor .simditor-toolbar>ul>li>span.separator {
	display: inline-block;
	background: #cfcfcf;
	width: 1px;
	height: 18px;
	margin: 5px 15px;
	vertical-align: middle
}

.simditor .more-option>ul>li>.toolbar-item,
.simditor .simditor-toolbar>ul>li>.toolbar-item {
	display: inline-block;
	width: 28px;
	height: 28px;
	outline: none;
	color: #333;
	font-size: 15px;
	line-height: 28px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-more-option,
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-more-option {
	color: #000;
	font-size: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.simditor .more-option>ul>li>.toolbar-item span,
.simditor .simditor-toolbar>ul>li>.toolbar-item span {
	opacity: .6;
	-webkit-transition: all .3s;
	transition: all .3s
}

.simditor .more-option>ul>li>.toolbar-item span.simditor-icon,
.simditor .simditor-toolbar>ul>li>.toolbar-item span.simditor-icon {
	display: inline;
	line-height: normal
}

.simditor .more-option>ul>li>.toolbar-item:hover span,
.simditor .simditor-toolbar>ul>li>.toolbar-item:hover span {
	opacity: 1
}

.simditor .more-option>ul>li>.toolbar-item.active,
.simditor .simditor-toolbar>ul>li>.toolbar-item.active {
	background: #eee
}

.simditor .more-option>ul>li>.toolbar-item.active span,
.simditor .simditor-toolbar>ul>li>.toolbar-item.active span {
	opacity: 1
}

.simditor .more-option>ul>li>.toolbar-item.disabled,
.simditor .simditor-toolbar>ul>li>.toolbar-item.disabled {
	cursor: default
}

.simditor .more-option>ul>li>.toolbar-item.disabled span,
.simditor .simditor-toolbar>ul>li>.toolbar-item.disabled span {
	opacity: .3
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-title span:before,
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title span:before {
	content: "H";
	font-size: 19px;
	font-weight: 700;
	font-family: Times New Roman
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h1 span:before,
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h1 span:before {
	content: 'H1';
	font-size: 18px
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h2 span:before,
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h2 span:before {
	content: 'H2';
	font-size: 18px
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h3 span:before,
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h3 span:before {
	content: 'H3';
	font-size: 18px
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-image,
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-image {
	position: relative;
	overflow: hidden
}

.simditor .more-option>ul>li>.toolbar-item.toolbar-item-image>input[type=file],
.simditor .simditor-toolbar>ul>li>.toolbar-item.toolbar-item-image>input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	font-size: 100px;
	cursor: pointer
}

.simditor .more-option>ul>li.menu-on .toolbar-item,
.simditor .simditor-toolbar>ul>li.menu-on .toolbar-item {
	position: relative;
	z-index: 20;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.simditor .more-option>ul>li.menu-on .toolbar-item span,
.simditor .simditor-toolbar>ul>li.menu-on .toolbar-item span {
	opacity: 1
}

.simditor .more-option>ul>li.menu-on .toolbar-menu,
.simditor .simditor-toolbar>ul>li.menu-on .toolbar-menu {
	display: block
}

.simditor .more-option .toolbar-menu,
.simditor .simditor-toolbar .toolbar-menu {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 21;
	background: #fff;
	text-align: left;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.simditor .more-option .toolbar-menu.toolbar-menu-align-right:before,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-align-right:before {
	left: auto;
	right: 0
}

.simditor .more-option .toolbar-menu:before,
.simditor .simditor-toolbar .toolbar-menu:before {
	content: '';
	display: block;
	width: 28px;
	height: 4px;
	background: #fff;
	position: absolute;
	top: -3px;
	left: 0
}

.simditor .more-option .toolbar-menu ul,
.simditor .simditor-toolbar .toolbar-menu ul {
	min-width: 160px;
	list-style: none;
	margin: 0;
	padding: 10px 1px
}

.simditor .more-option .toolbar-menu ul>li .menu-item,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item {
	display: block;
	font-size: 16px;
	line-height: 2em;
	padding: 0 10px;
	text-decoration: none;
	color: #666
}

.simditor .more-option .toolbar-menu ul>li .menu-item:hover,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item:hover {
	background: #f6f6f6
}

.simditor .more-option .toolbar-menu ul>li .menu-item.menu-item-h1,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h1 {
	font-size: 24px;
	color: #333
}

.simditor .more-option .toolbar-menu ul>li .menu-item.menu-item-h2,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h2 {
	font-size: 22px;
	color: #333
}

.simditor .more-option .toolbar-menu ul>li .menu-item.menu-item-h3,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h3 {
	font-size: 20px;
	color: #333
}

.simditor .more-option .toolbar-menu ul>li .menu-item.menu-item-h4,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h4 {
	font-size: 18px;
	color: #333
}

.simditor .more-option .toolbar-menu ul>li .menu-item.menu-item-h5,
.simditor .simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h5 {
	font-size: 16px;
	color: #333
}

.simditor .more-option .toolbar-menu ul>li .separator,
.simditor .simditor-toolbar .toolbar-menu ul>li .separator {
	display: block;
	border-top: 1px solid #ccc;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 6px 0
}

.simditor .more-option .toolbar-menu.toolbar-menu-color,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color {
	width: 96px
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
	height: 40px;
	margin: 10px 6px 6px 10px;
	padding: 0;
	min-width: 0
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
	float: left;
	margin: 0 4px 4px 0
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
	display: block;
	width: 16px;
	height: 16px;
	background: #dfdfdf;
	border-radius: 2px
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
	opacity: .8
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
	background: #333
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-1,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
	background: #e33737
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-2,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
	background: #e28b41
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-3,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
	background: #c8a732
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-4,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
	background: #209361
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-5,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
	background: #418caf
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-6,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
	background: #aa8773
}

.simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-7,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
	background: #999
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
	background: #fff;
	padding: 1px
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
	padding: 0;
	cursor: pointer
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td:before,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	background: #f3f3f3;
	display: block;
	content: ''
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before {
	background: #cfcfcf
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
	display: none
}

.simditor .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table ul li,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
	white-space: nowrap
}

.simditor .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
	position: relative;
	overflow: hidden
}

.simditor .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file],
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	font-size: 100px;
	cursor: pointer
}

.simditor .more-option .toolbar-menu.toolbar-menu-alignment,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-alignment {
	width: 100%
}

.simditor .more-option .toolbar-menu.toolbar-menu-alignment ul,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-alignment ul {
	min-width: 100%
}

.simditor .more-option .toolbar-menu.toolbar-menu-alignment .menu-item,
.simditor .simditor-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
	text-align: center
}

.simditor .simditor-popover {
	display: none;
	padding: 5px 8px 0;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
	border-radius: 2px;
	position: absolute;
	z-index: 2
}

.simditor .simditor-popover .settings-field {
	margin: 0 0 5px;
	font-size: 12px;
	height: 25px;
	line-height: 25px
}

.simditor .simditor-popover .settings-field label {
	display: inline-block;
	margin: 0 5px 0 0
}

.simditor .simditor-popover .settings-field input[type=text] {
	display: inline-block;
	width: 200px;
	box-sizing: border-box;
	font-size: 12px
}

.simditor .simditor-popover .settings-field input[type=text].image-size {
	width: 83px
}

.simditor .simditor-popover .settings-field .times {
	display: inline-block;
	width: 26px;
	font-size: 12px;
	text-align: center
}

.simditor .simditor-popover.image-popover .btn-restore,
.simditor .simditor-popover.image-popover .btn-upload,
.simditor .simditor-popover.link-popover .btn-unlink {
	display: inline-block;
	margin: 0 0 0 5px;
	color: #333;
	font-size: 14px;
	outline: 0
}

.simditor .simditor-popover.image-popover .btn-restore span,
.simditor .simditor-popover.image-popover .btn-upload span,
.simditor .simditor-popover.link-popover .btn-unlink span {
	opacity: .6
}

.simditor .simditor-popover.image-popover .btn-restore:hover span,
.simditor .simditor-popover.image-popover .btn-upload:hover span,
.simditor .simditor-popover.link-popover .btn-unlink:hover span {
	opacity: 1
}

.simditor .simditor-popover.image-popover .btn-upload {
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle
}

.simditor .simditor-popover.image-popover .btn-upload input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 28px
}

.simditor.simditor-mobile .simditor-wrapper.toolbar-floating .simditor-toolbar {
	position: absolute;
	top: 0;
	z-index: 10;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1)
}

.editor-style,
.simditor .simditor-body {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	outline: none;
	word-wrap: break-word
}

.editor-style [data-unselection-select] .unselection-content,
.simditor .simditor-body [data-unselection-select] .unselection-content {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
	border: 1px solid #bababa!important
}

.editor-style [data-unselection-select] img,
.simditor .simditor-body [data-unselection-select] img {
	box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4)
}

.editor-style [data-img],
.simditor .simditor-body [data-img] {
	padding: 0!important
}

.editor-style .unselection-wrapper,
.simditor .simditor-body .unselection-wrapper {
	text-align: center
}

.editor-style .unselection-wrapper .unselection-inline-wrapper,
.simditor .simditor-body .unselection-wrapper .unselection-inline-wrapper {
	display: inline-block;
	width: 100%
}

.editor-style .unselection-wrapper .unselection-content,
.simditor .simditor-body .unselection-wrapper .unselection-content {
	cursor: default
}

.editor-style .unselection-wrapper .unselection-attach,
.simditor .simditor-body .unselection-wrapper .unselection-attach {
	display: inline-block;
	height: 36px;
	width: 300px;
	background-color: #f9f9f9;
	border-radius: 4px;
	border: 1px solid #e9e9e9;
	position: relative;
	text-align: left;
	color: #575757;
	font-size: 0;
	white-space: nowrap
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-icon,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-icon {
	display: inline-block;
	height: 100%;
	font-size: 20px;
	line-height: 33px;
	width: 30px;
	text-align: center
}

.editor-style .unselection-wrapper .unselection-attach [data-name],
.simditor .simditor-body .unselection-wrapper .unselection-attach [data-name] {
	position: absolute;
	font-size: 12px;
	left: 35px;
	right: 85px;
	overflow: hidden;
	text-overflow: ellipsis;
	bottom: 0;
	top: 0;
	line-height: 36px;
	-webkit-transition: right .2s;
	transition: right .2s
}

.editor-style .unselection-wrapper .unselection-attach [data-name]:before,
.simditor .simditor-body .unselection-wrapper .unselection-attach [data-name]:before {
	content: attr(data-name)
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-operation-icon,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-operation-icon {
	display: inline-block;
	height: 100%;
	font-size: 18px;
	width: 28px;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	color: #575757
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more {
	position: relative
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu {
	display: none;
	top: 100%;
	position: absolute;
	right: 0;
	line-height: 26px;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .21);
	z-index: 1
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item {
	padding: 7px 10px;
	font-size: 12px;
	background: #fff;
	-webkit-transition: background .2s;
	transition: background .2s
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:hover,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:hover {
	background: #f9f9f9
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:before,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:before {
	content: attr(title)
}

.editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more:hover .unselection-attach-menu,
.editor-style .unselection-wrapper .unselection-attach:hover .unselection-attach-operation,
.simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more:hover .unselection-attach-menu,
.simditor .simditor-body .unselection-wrapper .unselection-attach:hover .unselection-attach-operation {
	display: inline-block
}

.editor-style .unselection-wrapper inherit,
.simditor .simditor-body .unselection-wrapper inherit {
	display: block
}

.editor-style>:first-child,
.simditor .simditor-body>:first-child {
	margin-top: 0!important
}

.editor-style a,
.simditor .simditor-body a {
	color: #4298ba;
	text-decoration: none;
	word-break: break-all
}

.editor-style a:visited,
.simditor .simditor-body a:visited {
	color: #4298ba
}

.editor-style a:hover,
.simditor .simditor-body a:hover {
	color: #0f769f
}

.editor-style a:active,
.simditor .simditor-body a:active {
	color: #9e792e
}

.editor-style a:active,
.editor-style a:hover,
.simditor .simditor-body a:active,
.simditor .simditor-body a:hover {
	outline: 0
}

.editor-style h1,
.editor-style h2,
.editor-style h3,
.editor-style h4,
.editor-style h5,
.editor-style h6,
.simditor .simditor-body h1,
.simditor .simditor-body h2,
.simditor .simditor-body h3,
.simditor .simditor-body h4,
.simditor .simditor-body h5,
.simditor .simditor-body h6 {
	font-weight: 400;
	margin: 40px 0 20px;
	color: #000
}

.editor-style h1,
.simditor .simditor-body h1 {
	font-size: 24px
}

.editor-style h2,
.simditor .simditor-body h2 {
	font-size: 22px
}

.editor-style h3,
.simditor .simditor-body h3 {
	font-size: 20px
}

.editor-style h4,
.simditor .simditor-body h4 {
	font-size: 18px
}

.editor-style h5,
.editor-style h6,
.simditor .simditor-body h5,
.simditor .simditor-body h6 {
	font-size: 16px
}

.editor-style div,
.editor-style p,
.simditor .simditor-body div,
.simditor .simditor-body p {
	margin: 0 0 15px;
	color: #333;
	word-wrap: break-word
}

.editor-style p,
.simditor .simditor-body p {
	margin-bottom: 0
}

.editor-style b,
.editor-style strong,
.simditor .simditor-body b,
.simditor .simditor-body strong {
	font-weight: 700
}

.editor-style em,
.editor-style i,
.simditor .simditor-body em,
.simditor .simditor-body i {
	font-style: italic
}

.editor-style u,
.simditor .simditor-body u {
	text-decoration: underline
}

.editor-style del,
.editor-style strike,
.simditor .simditor-body del,
.simditor .simditor-body strike {
	text-decoration: line-through
}

.editor-style ol,
.editor-style ul,
.simditor .simditor-body ol,
.simditor .simditor-body ul {
	list-style: disc outside none;
	margin: 15px 0;
	padding: 0 0 0 40px;
	line-height: 1.6
}

.editor-style ol ol,
.editor-style ol ul,
.editor-style ul ol,
.editor-style ul ul,
.simditor .simditor-body ol ol,
.simditor .simditor-body ol ul,
.simditor .simditor-body ul ol,
.simditor .simditor-body ul ul {
	padding-left: 30px
}

.editor-style ol ul,
.editor-style ul ul,
.simditor .simditor-body ol ul,
.simditor .simditor-body ul ul {
	list-style: circle outside none
}

.editor-style ol ul ul,
.editor-style ul ul ul,
.simditor .simditor-body ol ul ul,
.simditor .simditor-body ul ul ul {
	list-style: square outside none
}

.editor-style ul li,
.simditor .simditor-body ul li {
	list-style-type: disc
}

.editor-style ol,
.editor-style ol li,
.simditor .simditor-body ol,
.simditor .simditor-body ol li {
	list-style: decimal
}

.editor-style blockquote,
.simditor .simditor-body blockquote {
	border-left: 6px solid #ddd;
	padding: 5px 0 5px 10px;
	margin: 15px 0 15px 15px
}

.editor-style blockquote>:first-child,
.simditor .simditor-body blockquote>:first-child {
	margin-top: 0
}

.editor-style code,
.simditor .simditor-body code {
	display: inline-block;
	padding: 0 4px;
	margin: 0 5px;
	background: #eee;
	border-radius: 3px;
	font-size: 13px;
	font-family: monaco, Consolas, Liberation Mono, Courier, monospace
}

.editor-style pre,
.simditor .simditor-body pre {
	padding: 10px 5px 10px 10px;
	margin: 15px 0;
	display: block;
	line-height: 18px;
	background: #f0f0f0;
	border-radius: 3px;
	font-size: 13px;
	font-family: monaco, Consolas, Liberation Mono, Courier, monospace;
	white-space: pre;
	word-wrap: normal;
	overflow-x: auto
}

.editor-style pre code,
.simditor .simditor-body pre code {
	display: block;
	padding: 0;
	margin: 0;
	background: none;
	border-radius: 0
}

.editor-style hr,
.simditor .simditor-body hr {
	display: block;
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 15px 0;
	padding: 0
}

.editor-style table,
.simditor .simditor-body table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 0
}

.editor-style table thead,
.simditor .simditor-body table thead {
	background-color: #f9f9f9
}

.editor-style table td,
.editor-style table th,
.simditor .simditor-body table td,
.simditor .simditor-body table th {
	min-width: 40px;
	height: 30px;
	border: 1px solid #ccc;
	vertical-align: top;
	padding: 2px 4px;
	text-align: left;
	box-sizing: border-box
}

.editor-style table td.active,
.editor-style table th.active,
.simditor .simditor-body table td.active,
.simditor .simditor-body table th.active {
	background-color: #ffe
}

.editor-style img,
.simditor .simditor-body img {
	margin: 0;
	vertical-align: middle;
	max-width: 100%;
	resize: none;
	height: auto
}

.simditor-mention-popover {
	display: none;
	position: absolute;
	z-index: 999;
	border: 1px solid #ccc;
	padding: 0;
	background: #fff
}

.simditor-mention-popover .items {
	max-height: 270px;
	margin: 5px 0;
	overflow: hidden;
	position: relative
}

.simditor-mention-popover .items .item {
	display: block;
	padding: 5px 10px;
	min-width: 100px;
	line-height: 20px;
	color: #333;
	font-size: 14px
}

.simditor-mention-popover .items .item:after,
.simditor-mention-popover .items .item:before {
	display: table;
	content: ""
}

.simditor-mention-popover .items .item:after {
	clear: both;
	height: 0;
	visibility: hidden
}

.simditor-mention-popover .items .item span {
	float: left;
	display: block;
	max-width: 160px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.simditor-mention-popover .items .item.selected {
	background: #4298ba;
	color: #fff
}

.alertify .ajs-dimmer {
	margin: 0;
	background-color: #252525;
	opacity: .5
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
	position: fixed;
	z-index: 1981;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0
}

.alertify .ajs-modal {
	overflow-y: auto
}

.alertify .ajs-dialog {
	position: relative;
	margin: 5% auto;
	min-height: 110px;
	max-width: 400px;
	padding: 24px 24px 0;
	outline: 0;
	background-color: #fff
}

.alertify .ajs-dialog.ajs-capture:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 1
}

.alertify .ajs-reset {
	position: absolute!important;
	display: inline!important;
	width: 0!important;
	height: 0!important;
	opacity: 0!important
}

.alertify .ajs-commands {
	position: absolute;
	right: 4px;
	margin: -14px 24px 0 0;
	z-index: 2
}

.alertify .ajs-commands button {
	display: none;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	padding: 10px;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer
}

.alertify .ajs-commands button.ajs-maximize {
	background-image: url()
}

.alertify .ajs-header {
	margin: -24px;
	margin-bottom: 0;
	padding: 16px 24px;
	background-color: #fff
}

.alertify .ajs-body {
	min-height: 56px
}

.alertify .ajs-body .ajs-content {
	padding: 16px 24px 16px 16px
}

.alertify .ajs-footer {
	padding: 4px;
	margin-left: -24px;
	margin-right: -24px;
	min-height: 43px;
	background-color: #fff
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
	text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
	margin: 4px
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
	float: left;
	clear: none;
	text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
	margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
	min-width: 60px;
	min-height: 30px
}

.alertify .ajs-handle {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url();
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
	overflow: hidden!important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
	left: 0;
	right: 0;
	padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
	margin-left: -24px;
	margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
	padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
	left: 0;
	right: 0
}

.alertify.ajs-closable .ajs-commands button.ajs-close,
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
	display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
	width: 100%!important;
	height: 100%!important;
	max-width: none!important;
	margin: 0 auto!important;
	top: 0!important;
	left: 0!important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
	position: fixed!important;
	min-height: 100%!important;
	max-height: none!important;
	margin: 0!important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
	background-image: url()
}

.alertify.ajs-maximized .ajs-dialog,
.alertify.ajs-resizable .ajs-dialog {
	padding: 0
}

.alertify.ajs-maximized .ajs-commands,
.alertify.ajs-resizable .ajs-commands {
	margin: 14px 24px 0 0
}

.alertify.ajs-maximized .ajs-header,
.alertify.ajs-resizable .ajs-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 16px 24px
}

.alertify.ajs-maximized .ajs-body,
.alertify.ajs-resizable .ajs-body {
	min-height: 224px;
	display: inline-block
}

.alertify.ajs-maximized .ajs-body .ajs-content,
.alertify.ajs-resizable .ajs-body .ajs-content {
	position: absolute;
	top: 50px;
	right: 24px;
	bottom: 50px;
	left: 24px;
	overflow: auto
}

.alertify.ajs-maximized .ajs-footer,
.alertify.ajs-resizable .ajs-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
	min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
	display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
	cursor: move
}

.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
	display: none
}

.alertify.ajs-modeless .ajs-modal {
	overflow: visible;
	max-width: none;
	max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
	display: inline-block;
	background-image: url()
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
	position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
	background-image: url()
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
	max-height: 500px;
	overflow: auto
}

.alertify.ajs-basic .ajs-header {
	opacity: 0
}

.alertify.ajs-basic .ajs-footer {
	visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 60px;
	margin: 0;
	padding: 0;
	opacity: 0;
	z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
	display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
	padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
	margin-top: 0
}

.ajs-no-overflow {
	overflow: hidden!important;
	outline: none
}

.ajs-no-selection,
.ajs-no-selection * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media screen and (max-width:568px) {
	.alertify .ajs-dialog {
		min-width: 150px
	}
	.alertify:not(.ajs-maximized) .ajs-modal {
		padding: 0 5%
	}
	.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
		min-width: 0;
		min-width: auto
	}
}

@-moz-document url-prefix() {
	.alertify button:focus {
		outline: 1px dotted #3593d2
	}
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}

.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
	visibility: hidden;
	opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-duration: .25s;
	animation-duration: .25s
}

.alertify .ajs-dialog.ajs-shake {
	-webkit-animation-name: ajs-shake;
	animation-name: ajs-shake;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes ajs-shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-slideIn;
	animation-name: ajs-slideIn;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-slideOut;
	animation-name: ajs-slideOut;
	-webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
	animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-zoomIn;
	animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-zoomOut;
	animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-fadeIn;
	animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-fadeOut;
	animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-pulseIn;
	animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-pulseOut;
	animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-flipInX;
	animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-flipOutX;
	animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-flipInY;
	animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-flipOutY;
	animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes ajs-pulseIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes ajs-pulseOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes ajs-pulseOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@-webkit-keyframes ajs-zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes ajs-zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes ajs-zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
}

@keyframes ajs-zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
}

@-webkit-keyframes ajs-fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes ajs-fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes ajs-fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes ajs-fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-webkit-keyframes ajs-flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes ajs-flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes ajs-flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes ajs-flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes ajs-flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes ajs-flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes ajs-flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes ajs-flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-webkit-keyframes ajs-slideIn {
	0% {
		margin-top: -100%
	}
	to {
		margin-top: 5%
	}
}

@keyframes ajs-slideIn {
	0% {
		margin-top: -100%
	}
	to {
		margin-top: 5%
	}
}

@-webkit-keyframes ajs-slideOut {
	0% {
		margin-top: 5%
	}
	to {
		margin-top: -100%
	}
}

@keyframes ajs-slideOut {
	0% {
		margin-top: 5%
	}
	to {
		margin-top: -100%
	}
}

.alertify-notifier {
	position: fixed;
	width: 0;
	overflow: visible;
	z-index: 1982
}

.alertify-notifier,
.alertify-notifier .ajs-message {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.alertify-notifier .ajs-message {
	position: relative;
	width: 260px;
	max-height: 0;
	padding: 0;
	opacity: 0;
	margin: 0;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	opacity: 1;
	max-height: 100%;
	margin: 10px
}

.alertify-notifier.ajs-top {
	top: 10px
}

.alertify-notifier.ajs-bottom {
	bottom: 40px
}

.alertify-notifier.ajs-right {
	right: 0
}

.alertify-notifier.ajs-right .ajs-message {
	right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
	right: 290px
}

.alertify-notifier.ajs-left {
	left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
	left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
	left: 0
}

.alertify .ajs-dialog {
	background-color: #fff;
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
	border-radius: 2px
}

.alertify .ajs-header {
	color: #000;
	font-weight: 700;
	background: #fafafa;
	border-bottom: 1px solid #eee;
	border-radius: 2px 2px 0 0
}

.alertify .ajs-body {
	color: #000
}

.alertify .ajs-body .ajs-content .ajs-input {
	display: block;
	width: 100%;
	padding: 8px;
	margin: 4px;
	border-radius: 2px;
	border: 1px solid #ccc
}

.alertify .ajs-body .ajs-content p {
	margin: 0
}

.alertify .ajs-footer {
	background: #fbfbfb;
	border-top: 1px solid #eee;
	border-radius: 0 0 2px 2px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
	background-color: transparent;
	color: #000;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
	color: #3593d2
}

.alertify .ajs-dimmer {
	background-color: rgba(0, 0, 0, .85);
	opacity: 1
}

.alertify .ajs-dialog {
	max-width: 50%;
	min-height: 137px;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 5px
}

.alertify .ajs-header {
	padding: 1.5rem 2rem;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	color: #555;
	background-color: #fff;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: 700
}

.alertify .ajs-body {
	font-family: Roboto, sans-serif;
	color: #555
}

.alertify .ajs-body .ajs-content .ajs-input {
	width: 100%;
	margin: 0;
	padding: .65em 1em;
	font-size: 1em;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .15);
	outline: 0;
	color: rgba(0, 0, 0, .7);
	border-radius: .3125em;
	-webkit-transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease;
	transition: background-color .3s ease-out, box-shadow .2s ease, border-color .2s ease;
	box-sizing: border-box
}

.alertify .ajs-body .ajs-content .ajs-input:active {
	border-color: rgba(0, 0, 0, .3);
	background-color: #fafafa
}

.alertify .ajs-body .ajs-content .ajs-input:focus {
	border-color: rgba(0, 0, 0, .2);
	color: rgba(0, 0, 0, .85)
}

.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,
.alertify.ajs-resizable .ajs-content {
	top: 64px;
	bottom: 74px
}

.alertify .ajs-footer {
	background-color: #fff;
	padding: 1rem 2rem;
	border-top: none;
	border-radius: 0 0 5px 5px
}

.alertify .ajs-dimmer {
	background-color: #000;
	opacity: .5
}

.alertify .ajs-dialog {
	padding: 0 0 44px;
	max-width: 400px;
	min-height: 140px;
	background-color: #fff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .18)
}

.alertify .ajs-dialog .ajs-commands {
	right: 5px;
	top: 5px;
	margin: 0
}

.alertify .ajs-dialog .ajs-commands button.ajs-close {
	padding: 0;
	background: none;
	margin-right: 5px;
	height: 20px
}

.alertify .ajs-dialog .ajs-commands button.ajs-close:after {
	content: 'X';
	color: #fff;
	font-size: 14px
}

.alertify .ajs-dialog .ajs-header {
	background: #0096f6;
	color: hsla(0, 0%, 100%, .86);
	font-size: 12px;
	border-radius: 3px 3px 0 0;
	padding: 0 18px;
	height: 36px;
	line-height: 36px;
	margin: 0
}

.alertify .ajs-dialog .ajs-body {
	color: #000;
	font-size: 12px;
	color: rgba(0, 0, 0, .36);
	text-align: left
}

.alertify .ajs-dialog .ajs-footer {
	background: none;
	padding: 0;
	border-radius: 0 0 3px 3px;
	margin: 0;
	height: 44px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons {
	height: 44px
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button {
	margin: 0 9px 0 0;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .18);
	border-radius: 3px;
	line-height: 30px;
	font-size: 12px
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
	background: #0096f6;
	color: #fff
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
	background: #0082d6
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-ok:active {
	background: #0073b6
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
	border: 1px solid rgba(0, 0, 0, .09);
	color: rgba(0, 0, 0, .36);
	font-weight: 400;
	background: #fff
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
	background: #f4f4f4
}

.alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:active {
	background: #e8e8e8
}

.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,
.alertify.ajs-resizable .ajs-content {
	top: 58px;
	bottom: 68px
}

.alertify-notifier .ajs-message {
	border-radius: 3px;
	width: 240px;
	line-height: 2;
	font-size: 12px;
	color: hsla(0, 0%, 100%, .86);
	text-shadow: none;
	background: rgba(6, 136, 221, .87);
	padding: 6px;
	text-align: center
}

.alertify-notifier .ajs-message.ajs-error {
	background: rgba(253, 126, 129, .87)
}

.alertify-notifier .ajs-message.ajs-success {
	background: rgba(59, 196, 78, .87)
}

.alertify-notifier .ajs-message.ajs-warning {
	background: rgba(71, 67, 60, .87)
}

.taskDescription {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 3px
}

.taskDescription.has-no-note-control .more-info .file-list .operate .more {
	display: none!important
}

.taskDescription .descHeader {
	margin: 10px 0;
	width: 60%;
	overflow: hidden;
	line-height: 25px
}

.taskDescription .descHeader>i {
	margin-right: 15px;
	color: #75818d;
	line-height: 23px;
	font-size: 20px;
	margin-left: 15px
}

.taskDescription .descHeader i,
.taskDescription .descHeader span {
	float: left
}

.taskDescription .descHeader i+span {
	width: 60%;
	color: #626263;
	line-height: 27px
}

.taskDescription .detail {
	border-top: 2px solid rgba(0, 0, 0, .03);
	color: #606060;
	padding: 10px 20px 20px;
	min-height: 70px;
	outline: none;
	color: #333;
	font-size: 13px
}

.taskDescription .simditor {
	border: none
}

.taskDescription .simditor .simditor-toolbar {
	height: 45px;
	padding: 10px 15px;
	line-height: 25px;
	width: auto
}

.taskDescription .simditor .simditor-toolbar>i.icon-description+span {
	line-height: 26px
}

.taskDescription .simditor .simditor-toolbar>ul {
	float: right;
	font-size: 0;
	display: none;
	margin-top: 2px
}

.taskDescription .simditor .simditor-toolbar>ul>li .toolbar-item {
	width: 25px;
	height: 25px;
	font-size: 12px;
	vertical-align: top
}

.taskDescription .simditor .simditor-toolbar>ul>li .toolbar-item span.simditor-icon {
	position: relative;
	top: -4px
}

.taskDescription .simditor .simditor-toolbar>ul>li .toolbar-item.custom-item {
	font-size: 19px!important
}

.taskDescription .simditor .simditor-toolbar>ul>li .toolbar-item.toolbar-item-upload .icon-attachment:before {
	position: relative;
	top: -4px
}

.taskDescription .simditor .simditor-toolbar>ul>li .toolbar-item.toolbar-item-upload .icon-attachment>input {
	padding-top: 25px!important
}

.taskDescription .simditor .simditor-toolbar>i {
	margin-right: 15px;
	color: #75818d;
	line-height: 23px;
	font-size: 20px
}

.taskDescription .simditor .simditor-toolbar>i,
.taskDescription .simditor .simditor-toolbar>span {
	float: left
}

.taskDescription .simditor .simditor-toolbar>span {
	color: #626263;
	line-height: 24px
}

.taskDescription .simditor .more-option .toolbar-menu,
.taskDescription .simditor .simditor-toolbar .toolbar-menu {
	top: 25px
}

.taskDescription .simditor .more-option .toolbar-menu:before,
.taskDescription .simditor .simditor-toolbar .toolbar-menu:before {
	width: 25px
}

.taskDescription .simditor .simditor-body {
	padding-top: 0;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 20px;
	min-height: 145px
}

.taskDescription .simditor .simditor-body img {
	margin: 0!important;
	resize: none;
	max-width: 100%!important;
	height: auto!important
}

.taskDescription.rui-task-description-focus .simditor .simditor-toolbar>ul {
	display: block
}

.taskDescription .more-info .file-list,
.taskDescription .more-info .file-upload-list {
	padding: 0 10px
}

.mainContent .childTask {
	overflow: auto;
	background: #fff
}

.mainContent .childTask li {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	overflow: hidden
}

.mainContent .childTask li.isDropping {
	background: #f6f7fb;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
	border: 1px solid rgba(0, 0, 0, .05)
}

.mainContent .childTask li.isDropping input {
	background: #f6f7fb
}

.mainContent .childTask li input {
	border: 0;
	display: inline-block;
	vertical-align: top;
	width: 40%;
	color: #606060;
	background-color: transparent;
	box-sizing: content-box;
	line-height: 2.8125rem
}

.mainContent .childTask li span+img {
	margin-left: 5px;
	cursor: pointer
}

.mainContent .childTask li img {
	width: 24px;
	height: 24px
}

.mainContent .childTask li div.check {
	line-height: 53px;
	float: left
}

.mainContent .childTask li div.check+input {
	width: calc(100% - 222px)
}

.mainContent .childTask li .check,
.mainContent .childTask li .icon-format_list_bulleted {
	margin: 0 15px
}

.mainContent .childTask li .check .checked .check {
	top: -19px;
	left: -13px
}

.mainContent .childTask li .checkTail {
	top: -5px;
	left: 11px;
	background: #fff
}

.mainContent .childTask li>span,
.mainContent .childTask li i {
	font-size: 20px;
	line-height: 41px
}

.mainContent .childTask li .operate {
	float: right;
	margin-right: 15px
}

.mainContent .childTask li .operate i,
.mainContent .childTask li .operate span.setDate {
	vertical-align: middle;
	margin-right: 9px;
	cursor: pointer;
	font-size: 24px
}

.mainContent .childTask li .operate .showTime {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 120px;
	display: inline-block;
	vertical-align: top;
	text-align: right
}

.mainContent .childTask li .operate>div {
	display: inline-block
}

.mainContent .childTask li .operate>div span.type-caption {
	color: #606060
}

.mainContent .childTask li .operate .icon-person {
	margin: 0 0 0 6px
}

.mainContent .childTask li .operate img {
	border-radius: 2px;
	margin-left: 6px;
	cursor: pointer
}

.mainContent .childTask li .operate span.setDate {
	font-size: 20px;
	line-height: 41px;
	margin-right: 0
}

.mainContent .childTask li .operate span {
	cursor: pointer
}

.mainContent .childTask .addChildTask i,
.mainContent .childTask .addChildTask span {
	float: left
}

.mainContent .childTask .addChildTask input {
	width: calc(100% - 65px)
}

.mainContent .childTask .addChildTask i {
	color: #75818d
}

.taskDetail-warp-x div.comment {
	position: relative;
	background: inherit;
	border-radius: 2px;
	width: calc(100% - 2px);
	margin: 0 auto;
	min-height: 64px;
	padding: 15px 25px
}

.taskDetail-warp-x div.comment .edit-area {
	background: #fff
}

.taskDetail-warp-x div.comment .edit-area .simple {
	height: 36px;
	width: 100%;
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 2px;
	padding: 6px 0
}

.taskDetail-warp-x div.comment .edit-area .simple li {
	height: 23px;
	float: left
}

.taskDetail-warp-x div.comment .edit-area .simple li i {
	font-size: .75rem;
	color: #666;
	font-size: 24px;
	z-index: 1;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	color: #999
}

.taskDetail-warp-x div.comment .edit-area .simple li span {
	font-size: .75rem;
	color: #666;
	color: #999
}

.taskDetail-warp-x div.comment .edit-area .simple li:first-child {
	width: 41px;
	border-right: 2px solid rgba(0, 0, 0, .06)
}

.taskDetail-warp-x div.comment .edit-area .simple li:first-child i {
	margin-left: 9px
}

.taskDetail-warp-x div.comment .edit-area .simple .second {
	width: calc(100% - 41px - 36px)
}

.taskDetail-warp-x div.comment .edit-area .simple .second span {
	margin-left: 15px;
	line-height: 27px
}

.taskDetail-warp-x div.comment .edit-area .simple li:last-child {
	width: 36px
}

.taskDetail-warp-x div.comment .edit-area .multi {
	display: none;
	border-radius: 2px;
	padding: 15px 9px 7px 18px;
	position: relative
}

.taskDetail-warp-x div.comment .edit-area .multi .editBox {
	height: 70px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 10px;
	line-height: 25px;
	color: #606060;
	color: #333;
	font-size: 13px
}

.taskDetail-warp-x div.comment .edit-area .multi .editBox:empty {
	padding-top: 5px;
	line-height: 13px
}

.taskDetail-warp-x div.comment .edit-area .multi .editBox .replySomeBody {
	background: none;
	border: none;
	line-height: normal
}

.taskDetail-warp-x div.comment .edit-area .multi .file-upload {
	margin-bottom: 20px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom {
	height: 29px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool {
	height: 100%;
	float: left
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li {
	float: left;
	width: 48px;
	text-align: left;
	line-height: 25px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:nth-child(2) {
	width: 38px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:nth-child(3) {
	margin-top: -1px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li i {
	font-size: .75rem;
	color: #a3a3a3;
	cursor: pointer
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li .uploadIcon {
	font-size: 26px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li .at {
	font-size: 20px;
	position: relative;
	top: 4px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li .emoji {
	font-size: 22px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li i:hover {
	color: rgba(0, 0, 0, .54)
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:first-child {
	line-height: 38px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:last-child {
	line-height: 40px
}

.taskDetail-warp-x div.comment .edit-area .multi .bottom .operate {
	float: right
}

.taskDetail-warp-x .comment.bottomComment {
	position: absolute;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 1;
	width: 540px;
	background: #eef1f4;
	border: 1px solid #e2e2e2
}

.taskDetail-warp-x .comment-switch {
	position: absolute;
	top: -50px;
	left: 55%;
	height: 50px;
	right: 0;
	padding: 0 25px
}

.taskDetail-warp-x .comment-switch .fileOrComment {
	display: none;
	float: right;
	background: rgba(0, 0, 0, .3);
	border-radius: 3px;
	color: #fff;
	height: 29px;
	margin-top: 10px
}

.taskDetail-warp-x .comment-switch .fileOrComment .check {
	float: none;
	top: -3px
}

.taskDetail-warp-x .comment-switch .fileOrComment .checkTail {
	background: #b1b1b1;
	top: -1px;
	left: 12px;
	width: 5px;
	height: 6px
}

.taskDetail-warp-x .comment-switch .fileOrComment .diyCheckbox .blank {
	line-height: 26px;
	display: inline-block;
	vertical-align: sub;
	color: #fff
}

.taskDetail-warp-x .comment-switch .fileOrComment .diyCheckbox .check {
	color: #fff
}

.taskDetail-warp-x .comment-switch .fileOrComment>span {
	padding: 7px 9px 5px;
	line-height: 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.taskDetail-warp-x .comment-switch .fileOrComment span+span {
	border-left: 1px solid #fff
}

.taskDetail-warp-x .comment-switch:hover .fileOrComment {
	display: block
}

.comment .bottom .file-item {
	margin-top: 12px;
	width: 100%;
	height: 48px;
	padding: 5px 15px 6px 8px;
	background: #f6f7fb;
	border: 1px solid rgba(0, 0, 0, .03);
	border-radius: 2px
}

.comment .bottom .file-item .file-warp {
	width: 100%;
	height: 100%;
	background: inherit
}

.comment .bottom .file-item .file-warp li {
	float: left;
	height: 100%
}

.comment .bottom .file-item .file-warp .file-img {
	width: 28px;
	height: 36px;
	position: relative;
	overflow: hidden
}

.comment .bottom .file-item .file-warp .file-img img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.comment .bottom .file-item .file-warp .hand {
	cursor: pointer
}

.comment .bottom .file-item .file-warp .file-content {
	width: calc(100% - 28px - 140px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 36px
}

.comment .bottom .file-item .file-warp .file-content span {
	margin-left: 12px;
	color: #333
}

.comment .bottom .file-item .file-warp .operate {
	width: 140px;
	line-height: 36px
}

.comment .bottom .file-item .file-warp .operate .file-size {
	font-size: .75rem;
	color: #666;
	color: #cacaca;
	float: left
}

.comment .bottom .file-item .file-warp .operate .link {
	color: #0096f6;
	float: right;
	cursor: pointer
}

.comment .bottom .file-item .file-warp .operate .link:hover {
	color: #0083d7
}

.comment .bottom .file-item .file-warp .operate .download+.preview {
	margin-right: 10px
}

.comment .bottom .file-item:first-child {
	margin-top: 8px
}

.trends {
	margin: 9px 0 0;
	position: relative;
	min-height: 350px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .06)
}

.trends .trendsHeader {
	height: 48px;
	border-bottom: 2px solid rgba(0, 0, 0, .03)
}

.trends .trendsHeader i,
.trends .trendsHeader span {
	line-height: 45px;
	display: inline-block
}

.trends .trendsHeader span {
	vertical-align: top;
	color: #626263
}

.trends .trendsHeader .icon-layers {
	font-size: 20px;
	color: #75818d;
	margin: 0 15px;
	margin-right: 11px
}

.trends .trendsHeader .icon-layers+span {
	line-height: 50px
}

.trends .trendsHeader .subscribe {
	float: right;
	margin-right: 15px
}

.trends .trendsHeader .subscribe i {
	font-size: 20px
}

.trends .trendsHeader .toggle-op-records {
	float: right;
	line-height: 50px;
	cursor: pointer;
	margin-right: 19px;
	overflow: hidden
}

.trends .comments {
	min-height: 300px;
	width: 100%;
	padding: 0 15px
}

.trends .comments .ea {
	font-size: .75rem;
	color: #666;
	color: #0083d7;
	margin-top: 20px;
	cursor: pointer;
	display: none
}

.trends .comments .noneDynamicTip {
	font-size: 12px;
	color: #777;
	line-height: 145px;
	text-align: center;
	padding-top: 2px
}

.trends .comments .comments-container {
	width: 100%;
	min-height: 300px;
	padding: 7px 0 20px
}

.trends .comments .comments-container.only-show-comments .comment-item.action {
	display: none!important;
	opacity: 0
}

.trends .comments .comments-container .comment-item {
	width: 100%;
	min-height: 20px;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	opacity: 1
}

.trends .comments .comments-container .comment-item.edit-not-allowed:hover .top .operate {
	display: none!important
}

.trends .comments .comments-container .comment-item.edit-not-allowed:hover .top .date {
	display: block!important
}

.trends .comments .comments-container .comment-item.comment .star {
	display: inline;
	opacity: 1
}

.trends .comments .comments-container .comment-item .star {
	display: none;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
	font-size: 18px;
	cursor: pointer;
	vertical-align: sub;
	margin-left: 10px;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.trends .comments .comments-container .comment-item .star.icon-star_outline {
	color: #fec029;
	visibility: hidden;
	opacity: 0
}

.trends .comments .comments-container .comment-item .star.icon-star_outline:hover {
	color: #fea129
}

.trends .comments .comments-container .comment-item:hover .star.icon-star_outline {
	visibility: visible;
	opacity: 1
}

.trends .comments .comments-container .comment-item .star.icon-star {
	color: #fec029
}

.trends .comments .comments-container .comment-item .star.icon-star:hover {
	color: #fea129
}

.trends .comments .comments-container .comment-item .comment-item-ul {
	height: 100%;
	margin-top: 11px
}

.trends .comments .comments-container .comment-item .comment-item-ul>li {
	height: 100%;
	float: left;
	font-size: .75rem;
	color: #666;
	color: #999
}

.trends .comments .comments-container .comment-item .comment-item-ul .child {
	margin-left: 33px;
	width: calc(100% - 33px)
}

.trends .comments .comments-container .comment-item .comment-item-ul .child>ul .child-item {
	margin-top: 9px;
	list-style-type: disc;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	list-style-position: inside
}

.trends .comments .comments-container .comment-item .comment-item-ul .icon {
	width: 30px;
	text-align: left
}

.trends .comments .comments-container .comment-item .comment-item-ul .icon i {
	font-size: 17px
}

.trends .comments .comments-container .comment-item .comment-item-ul .content {
	width: calc(100% - 110px);
	text-align: left
}

.trends .comments .comments-container .comment-item .comment-item-ul .date {
	width: 80px;
	text-align: right
}

.trends .comments .comments-container .comment-item .comment-item-ul .description {
	width: calc(100% - 30px);
	background: #f6f7fb;
	border-radius: 2px;
	margin-left: 30px;
	padding: 2px 10px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 25px
}

.trends .comments .comments-container .comment-item .comment-item-ul .detail {
	white-space: normal;
	text-overflow: clip;
	height: auto
}

.trends .comments .comments-container .action {
	width: calc(100% - 8px);
	margin-left: 8px
}

.trends .comments .comments-container .comment {
	margin-top: 28px;
	width: 100%
}

.trends .comments .comments-container .comment .left {
	width: 52px;
	float: left;
	zoom: 1
}

.trends .comments .comments-container .comment .left img {
	border-radius: 2px;
	width: 32px;
	height: 32px
}

.trends .comments .comments-container .comment .right {
	width: calc(100% - 52px);
	float: left;
	border: none
}

.trends .comments .comments-container .comment .right .top {
	font-size: .75rem;
	color: #666;
	color: #999;
	margin-top: -4px
}

.trends .comments .comments-container .comment .right .top .date {
	float: right
}

.trends .comments .comments-container .comment .right .top .operate {
	display: none;
	float: right
}

.trends .comments .comments-container .comment .right .top .operate .reply {
	cursor: pointer
}

.trends .comments .comments-container .comment .right .top .operate .delete+.reply {
	margin-right: 20px
}

.trends .comments .comments-container .comment .right .top .operate .reply:hover {
	font-size: .75rem;
	color: #666
}

.trends .comments .comments-container .comment .right .top .operate .delete {
	cursor: pointer
}

.trends .comments .comments-container .comment .right .top .operate .delete:hover {
	font-size: .75rem;
	color: #666
}

.trends .comments .comments-container .comment .right .bottom {
	margin-top: 5px
}

.trends .comments .comments-container .comment .right .bottom .content {
	width: 100%;
	line-height: 25px;
	font-size: .75rem;
	color: #666
}

.trends .comments .comments-container .comment:hover .right .top .date {
	display: none
}

.trends .comments .comments-container .comment:hover .right .top .operate {
	display: inline
}

.trends .comments .comments-container .action+.comment {
	margin-top: 18px
}

.comment .message-tip,
.taskDetail-warp-x .message-tip {
	position: absolute;
	top: -40px;
	left: calc(50% - 80px);
	width: 160px;
	height: 30px;
	border: 2px solid #087db8;
	border-radius: 15px;
	box-sizing: border-box;
	font-size: .75rem;
	color: #666
}

.comment .message-tip .unread,
.taskDetail-warp-x .message-tip .unread {
	cursor: pointer;
	width: 70%;
	height: 100%;
	float: left
}

.comment .message-tip .unread ul,
.taskDetail-warp-x .message-tip .unread ul {
	height: 100%
}

.comment .message-tip .unread ul li,
.taskDetail-warp-x .message-tip .unread ul li {
	float: left;
	height: 100%
}

.comment .message-tip .unread ul li .arrow-icon,
.taskDetail-warp-x .message-tip .unread ul li .arrow-icon {
	color: #087db8;
	font-size: 19px
}

.comment .message-tip .unread ul li:first-child,
.taskDetail-warp-x .message-tip .unread ul li:first-child {
	width: 27%;
	text-align: center;
	padding: 2px 0
}

.comment .message-tip .unread ul li:last-child,
.taskDetail-warp-x .message-tip .unread ul li:last-child {
	width: 73%;
	padding: 3px 0
}

.comment .message-tip .ignore,
.taskDetail-warp-x .message-tip .ignore {
	border-left: 2px solid #087db8;
	width: calc(30% - 2px);
	height: 100%;
	float: right;
	padding: 3px 0 3px 7px;
	cursor: pointer
}

.taskDetail-warp-x .message-tip {
	top: inherit;
	bottom: 15px
}

.comment .message-tip {
	top: -40px
}

.task-operation {
	margin-top: 13px;
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .06);
	border-bottom: none;
	border-radius: 3px
}

.task-operation .toggle {
	float: right;
	margin: 0;
	margin-right: 13px
}

.task-operation .toggle input:checked+.track .handle {
	-webkit-transform: translate3d(6px, 0, 0);
	transform: translate3d(6px, 0, 0)
}

.task-operation .toggle.edit-auth-toggle input[checked]+.track .handle {
	left: 10px
}

.task-operation .toggle .track {
	height: 16px;
	width: 27px
}

.task-operation .toggle .track .handle {
	top: 14px;
	width: 16px;
	height: 16px;
	background: #fff!important
}

.task-operation .type-disable {
	cursor: default
}

.task-operation .confirm-popover-btn {
	width: 0;
	height: 0;
	float: none
}

.task-operation li:empty {
	display: none!important
}

.task-operation li.inValid-12312321>span {
	cursor: not-allowed!important
}

.task-operation li:nth-child(2) i.iconFirst,
.task-operation li:nth-child(2) span.member {
	cursor: default
}

.task-operation li:nth-child(2) i.icon-add {
	cursor: pointer;
	line-height: 22px
}

.task-operation li.show-toggle .dropdown-toggle>i,
.task-operation li.show-toggle .dropdown-toggle>span:not(.vip-func-1) {
	cursor: default!important
}

.task-operation li.inValid,
.task-operation li.inValid .from {
	cursor: default
}

.task-operation li:nth-child(3) .day {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 170px)
}

.task-operation li:nth-child(3) .delay:empty {
	display: none
}

.task-operation>li.disabled i,
.task-operation>li.disabled span,
.task-operation>li.disabled ul {
	cursor: not-allowed!important
}

.task-operation .memberList {
	float: left;
	max-width: calc(100% - 126px);
	height: 38px;
	overflow: hidden;
	font-size: 0
}

.task-operation .memberList li {
	display: inline-block;
	position: relative
}

.task-operation .memberList li img {
	border-radius: 2px
}

.task-operation .memberList li.head:before {
	font-size: 13px;
	position: absolute;
	top: 24px;
	left: 16px;
	color: #f3b00b
}

.task-operation li:not(:first-child) i,
.task-operation li:not(:first-child) span {
	cursor: pointer
}

.task-operation>li {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.task-operation>li.inValid .caption-tip {
	cursor: default
}

.task-operation>li .caption-tip {
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 380px
}

.task-operation>li .caption-tip .type-disable {
	cursor: not-allowed!important
}

.task-operation>li .content {
	max-width: calc(100% - 90px - 45px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.task-operation>li .dropdown-toggle {
	float: left
}

.task-operation>li .dropdown-toggle .iconFirst {
	color: #75818d;
	vertical-align: sub;
	margin-right: 12px
}

.task-operation>li .dropdown-toggle span.power {
	margin-right: 10px
}

.task-operation>li .dropdown-menu {
	margin-left: 3px
}

.task-operation>li>i,
.task-operation>li>span {
	float: left
}

.task-operation>li>i>i,
.task-operation>li>span>i {
	font-style: normal
}

.task-operation>li>i {
	color: #75818d;
	line-height: 39px
}

.task-operation>li>i.icon-notifications,
.task-operation>li>i.icon-notifications~span {
	cursor: default
}

.task-operation>li .toggle {
	cursor: pointer
}

.task-operation>li i.iconFirst {
	margin: 0 15px;
	font-size: 20px
}

.task-operation>li i.iconFirst+span {
	margin-right: 14px;
	color: #626263
}

.task-operation>li i.icon-progress {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: 50%;
	margin-top: -3px
}

.task-operation>li .progress:before,
.task-operation>li .progress i {
	position: absolute;
	content: '';
	height: 6px;
	border-radius: 3px
}

.task-operation>li .progress:before {
	right: 2px;
	width: 8px;
	border: 1px solid #75818d
}

.task-operation>li .progress i {
	left: 3px;
	width: 11px;
	background: #75818d
}

.task-operation>li span.progressBar {
	position: relative;
	width: 100px;
	height: 100%
}

.task-operation>li span.progressBar:before,
.task-operation>li span.progressBar i {
	top: 50%;
	left: 0;
	margin-top: -3px
}

.task-operation>li span.progressBar:before {
	width: inherit
}

.task-operation>li span.progressBar+span {
	margin-left: 11px;
	color: #626263
}

.task-operation>li>ul>li>img,
.task-operation>li i.icon-add {
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 9px;
	margin-right: 6px
}

.task-operation>li i.icon-add {
	font-size: 24px;
	background: #bbd1dc;
	border-radius: 50%;
	color: #fff;
	line-height: 24px
}

.task-operation>li i.icon-add:not(.disabled):hover {
	background: rgba(21, 125, 199, .5)
}

.task-operation>li .toggleComp {
	overflow: hidden
}

.task-operation>li span.delay {
	font-size: 12px;
	color: hsla(0, 0%, 100%, .96);
	background: #ff5959;
	border-radius: 2px;
	padding: 2px 7px 1px 9px;
	margin-left: 7px;
	line-height: 17px;
	margin-top: 11px
}

.task-operation>li .labelTextArea {
	display: block;
	height: 100%;
	margin-right: .3rem;
	float: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default
}

.task-operation>li .labelTextArea li.labelItem {
	float: left;
	max-width: 10rem;
	overflow: hidden;
	display: block;
	height: 1.25rem;
	line-height: 1.25rem;
	background: #f5f5f5;
	padding: 0 1rem 0 .5rem;
	position: relative;
	margin: 10px 5px 0 0;
	border-radius: 2px
}

.task-operation>li .labelTextArea li.labelItem span {
	display: block;
	float: left;
	max-width: 8rem;
	overflow: hidden
}

.task-operation>li .labelTextArea li.labelItem:after {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	right: 6px;
	top: 7px;
	border-radius: 50%
}

.task-operation>li .labelTextArea li.labelItem[data-color='1']:after {
	background: #ed8a8a
}

.task-operation>li .labelTextArea li.labelItem[data-color='2']:after {
	background: #6d4e4e
}

.task-operation>li .labelTextArea li.labelItem[data-color='3']:after {
	background: #8aed90
}

.task-operation>li .labelTextArea li.labelItem[data-color='4']:after {
	background: #8aabed
}

.task-operation>li .labelTextArea li.labelItem[data-color='5']:after {
	background: #dedede
}

.task-operation>li .labelTextArea li.labelItem[data-color='6']:after {
	background: #766a6a
}

.task-operation>li .labelTextArea li.labelItem[data-color='7']:after {
	background: #c38aed
}

.task-operation>li .labelTextArea li.labelItem[data-color='8']:after {
	background: #dced8a
}

.task-operation>li .labelTextArea li.labelItem[data-color='9']:after {
	background: #edb48a
}

.task-operation>li .labelTextArea li.labelItem[data-color='10']:after {
	background: #b5b5b5
}

.task-operation>li .labelTextArea li.labelItem[data-color='11']:after {
	background: #ed8ae0
}

.task-operation>li .labelTextArea li.labelItem[data-color='12']:after {
	background: #8ab7ed
}

.task-operation>li .labelTextArea li.labelItem[data-color='13']:after {
	background: #8aede0
}

.task-operation>li .labelTextArea li.labelItem[data-color='14']:after {
	background: #bb2626
}

.task-operation>li .labelTextArea li.labelItem[data-color='15']:after {
	background: #000
}

.task-operation>li.notDisplay {
	display: none
}

.task-operation li:last-child {
	border: none
}

.task-operation .slide {
	z-index: 2;
	color: rgba(0, 0, 0, .36);
	cursor: pointer;
	position: absolute;
	width: 29px;
	height: 28px;
	left: 50%;
	margin-left: -14px;
	bottom: -10px;
	line-height: 28px;
	font-size: 28px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .14)
}

.toggle input:checked+.track {
	background: rgba(26, 164, 255, .3)!important
}

#mainBody .labelTextArea {
	width: 27rem
}

#mainBody.edge .labelTextArea,
#mainBody.firefox .labelTextArea {
	width: 26.3rem
}

.task-print-box {
	width: 320px;
	height: 415px;
	padding: 45px 27px 0 36px
}

.task-print-box .check-list li>div {
	display: inline-block;
	vertical-align: top
}

.task-print-box .check-list li .checkbox {
	margin-right: 20px;
	background: #fff
}

.task-print-box .check-list li .checkbox .checkTail {
	top: -4px
}

.task-print-box .check-list li+li {
	margin-top: 15px
}

.task-print-box .bottom {
	text-align: right
}

.task-print-box .bottom span {
	text-align: center
}

.taskDetail-warp-x.isDialog {
	margin: 0 auto;
	width: 540px;
	padding-top: 20px
}

.taskDetail-warp-x.isDialog .taskDetail-warp-y {
	height: calc(100% - 15px);
	padding-right: 0
}

.taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail {
	height: 100%;
	position: static;
	-webkit-transform: inherit;
	transform: inherit;
	margin: 0
}

.taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail .mainContent {
	overflow-y: auto;
	height: calc(100% - 45px);
	padding: 15px 0 68px 25px
}

.taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail .mainContent .contentWrap {
	height: 100%;
	overflow-y: auto;
	padding-right: 20px;
	padding-bottom: 15px
}

.taskDetail-warp-x {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.taskDetail-warp-x .taskDetail-warp-y {
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	padding-right: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative
}

.taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	box-sizing: border-box;
	margin: 30px auto 0;
	min-height: 200px;
	background: #f5f7f9;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .18);
	border-radius: 2px;
	width: 540px;
	margin-bottom: 30px;
	padding-bottom: 1px;
	position: absolute;
	left: 50vw;
	-webkit-transform: translate(-50%);
	transform: translate(-50%)
}

.taskDetail-warp-x .taskDetail-warp-y .taskDetail .headerContent {
	height: 46px;
	width: 100%
}

.taskDetail-warp-x .taskDetail-warp-y .taskDetail .headerContent .for-repeat {
	margin-top: 10px;
	margin-left: -78px!important;
	width: 189px!important;
	display: none;
	top: 0!important;
	left: 0!important;
	font-size: 12px;
	line-height: 12px
}

.taskDetail-warp-x .taskDetail-warp-y .taskDetail .headerContent .load {
	margin-right: -10px
}

.taskDetail-warp-x .taskDetail-warp-y .taskDetail .mainContent {
	width: 100%;
	padding: 15px 25px 45px
}

.taskDetail-warp-x .taskDetail-warp-y .taskDetail .mainContent .contentWrap {
	width: 100%;
	min-height: 100px;
	word-wrap: break-word;
	overflow-x: hidden
}

.taskDetail-warp-x .header-container+.taskDetail-warp-y>.taskDetail {
	margin-top: 30px
}

.taskDetail-warp-x .header {
	height: 46px;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	padding-right: 22px
}

.taskDetail-warp-x .header .check {
	float: left
}

.taskDetail-warp-x .header input {
	height: 100%;
	width: calc(100% - 156px);
	border: 0;
	background: #f2f6fb;
	color: #626263;
	padding-bottom: 2px
}

.taskDetail-warp-x .header .check {
	margin: 9px 9px 0 21px
}

.taskDetail-warp-x .header .check .blank {
	font-size: 24px;
	line-height: 24px
}

.taskDetail-warp-x .header .check .checked .check {
	top: -22px;
	left: -18px;
	font-size: 21px
}

.taskDetail-warp-x .header .check .checkTail {
	background: #f6f7fb;
	top: -9px;
	left: 14px
}

.taskDetail-warp-x .header .padding {
	width: 20px;
	height: 20px;
	float: left
}

.taskDetail-warp-x .header .close,
.taskDetail-warp-x .header .wrap-show-more {
	float: right;
	font-size: 24px;
	color: #75818d;
	cursor: pointer;
	position: relative
}

.taskDetail-warp-x .header .close {
	margin: 9px 0 0 5px
}

.taskDetail-warp-x .header .wrap-show-more {
	padding-left: 40px
}

.taskDetail-warp-x .header .wrap-show-more .dropdown-menu {
	min-width: 100px;
	width: 100px
}

.taskDetail-warp-x .header .show-more {
	color: #bbc4cc;
	line-height: 43px
}

.taskDetail-warp-x .header .show-more+ul li {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 90px
}

.taskDetail-warp-x .header .load {
	display: none;
	margin-top: 10px;
	float: right;
	margin-right: 21px;
	font-size: 21px;
	color: #75818d;
	cursor: default
}

.taskDetail-warp-x .topHeader {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .13);
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	width: 540px;
	background: #f2f6fb;
	z-index: 1
}

.clockBox {
	border-radius: 2px;
	width: 285px;
	height: 360px;
	text-align: center;
	background: #fff;
	overflow: hidden
}

.clockBox .clockHeader {
	margin: 36px 0 14px
}

.clockBox .clockHeader .hour,
.clockBox .clockHeader .mini {
	cursor: pointer
}

.clockBox .clock {
	position: relative;
	width: 200px;
	height: 200px;
	background: #f6f7fb;
	border-radius: 50%;
	font-size: 12px;
	color: #0070af;
	line-height: 18px;
	margin: 0 auto
}

.clockBox .clock span {
	position: absolute;
	width: 14px;
	height: 18px;
	margin-top: -2px;
	margin-left: -7px;
	z-index: 3;
	cursor: pointer
}

.clockBox .clock span.selected {
	color: #fff
}

.clockBox .clock span:nth-child(1) {
	top: 10.75%;
	left: 70%
}

.clockBox .clock span:nth-child(2) {
	top: 26%;
	left: 86.5%
}

.clockBox .clock span:nth-child(3) {
	top: 47%;
	left: 92%
}

.clockBox .clock span:nth-child(4) {
	top: 67.5%;
	left: 86.5%
}

.clockBox .clock span:nth-child(5) {
	top: 84%;
	left: 72%
}

.clockBox .clock span:nth-child(6) {
	top: 88.5%;
	left: 50%
}

.clockBox .clock span:nth-child(7) {
	top: 84%;
	left: 29%
}

.clockBox .clock span:nth-child(8) {
	top: 67.5%;
	left: 14%
}

.clockBox .clock span:nth-child(9) {
	top: 47%;
	left: 9%
}

.clockBox .clock span:nth-child(10) {
	top: 26%;
	left: 14%
}

.clockBox .clock span:nth-child(11) {
	top: 10.75%;
	left: 29%
}

.clockBox .clock span:nth-child(12) {
	top: 4.5%;
	left: 51%
}

.clockBox .clock .circle,
.clockBox .clock .line {
	content: "";
	position: absolute;
	background: #0689dd;
	z-index: 0
}

.clockBox span.line {
	width: 1px;
	height: 72px;
	top: 14%;
	left: 54%;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.clockBox span.circle {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	top: 5%;
	left: 50%;
	margin-left: -12px;
	margin-top: -7px
}

.clockBox .clockFooter {
	margin-top: 27px
}

.setting-container .setContent {
	width: 100%
}

.setting-container .setContent .viewPermission .wrap {
	padding-left: 45px
}

.setting-container .setContent .editPermission .wrap {
	padding-left: 49px
}

.setting-container .setContent .kanbanTemplate .wrap {
	padding-left: 140px
}

.setting-container .setContent .memberWarp {
	margin-top: 19px
}

.setting-container .setContent>div {
	line-height: 29px
}

.setting-container .setContent>div>.wrap {
	cursor: pointer
}

.setting-container .setContent>div h6 {
	display: inline-block;
	line-height: inherit;
	margin-bottom: 0;
	-webkit-user-select: none
}

.setting-container .setContent>div>div {
	float: right;
	line-height: inherit
}

.setting-container .setContent>div>div i {
	margin: 0 7px 0 11px;
	font-size: 20px;
	line-height: inherit;
	float: right
}

.setting-container .setContent .name input {
	width: 386px;
	height: 28px;
	border: 1px solid rgba(0, 0, 0, .07);
	border-radius: 2px;
	padding: 0 5px
}

.setting-container .setContent .memberWarp {
	width: 100%;
	zoom: 1;
	max-height: 85px;
	min-height: 57px
}

.setting-container .setContent .memberWarp h6 {
	display: block
}

.setting-container .setContent .memberWarp .member {
	-webkit-user-select: none;
	height: 28px;
	float: left;
	max-width: calc(100% - 33px);
	overflow-x: auto;
	overflow-y: hidden
}

.setting-container .setContent .memberWarp .member>li {
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 5px
}

.setting-container .setContent .memberWarp .member>li img {
	width: 100%;
	height: 100%
}

.setting-container .setContent .memberWarp .addWarp {
	width: 28px;
	height: 28px;
	float: left
}

.setting-container .setContent .memberWarp .addWarp .add {
	margin: 1px;
	font-size: 28px;
	line-height: 28px;
	float: left;
	color: #bbd1dc
}

.setting-container .setContent .memberWarp .addWarp .add:hover {
	color: #238bdf
}

.setting-container .setContent .memberWarp~div {
	margin-top: 9px
}

.setting-container .setContent div.button {
	margin-top: 24px
}

.setting-container .setContent div.button span {
	width: 100%;
	height: 36px;
	line-height: 25px
}

.setting-container .setContent .memberWarp+.syncKanban {
	margin-top: 20px
}

.setting-container .setContent .syncKanban .toggle {
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 5px
}

.setting-container .setContent .syncKanban .toggle input:checked+.track .handle {
	-webkit-transform: translate3d(9px, 0, 0);
	transform: translate3d(9px, 0, 0)
}

.setting-container .setContent .syncKanban .toggle input:checked+.track {
	background: #c4dff2
}

.setting-container .setContent .syncKanban .toggle .track {
	height: 16px;
	width: 27px
}

.setting-container .setContent .syncKanban .toggle .track .handle {
	top: 2px;
	left: 1px;
	width: 16px;
	height: 16px
}

.setting-container .setContent .docType .wrap {
	padding-left: 55px
}

.setting-container .setContent .docType .wrap ul {
	padding: 24px 7px 16px
}

.setting-container .setContent .docType .wrap ul li {
	overflow: hidden
}

.setting-container .setContent .docType .wrap ul li span {
	float: left
}

.setting-container .setContent .docType .wrap ul li i {
	line-height: 20px;
	display: none
}

.setting-container .setContent .docType .wrap ul li.selected i {
	color: #0689dd;
	display: block
}

.setting-container .setBackground {
	display: none
}

.setting-container .setBackground .image-container {
	width: 100%;
	margin-top: 22px;
	margin-bottom: 45px
}

.setting-container .setBackground .image-container li {
	float: left;
	width: 33%;
	height: 68px;
	margin-bottom: 15px;
	position: relative
}

.setting-container .setBackground .image-container li img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer
}

.setting-container .setBackground .image-container li .check {
	display: none;
	background: #0096f6;
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 2px;
	right: 12px;
	border-radius: 12px;
	text-align: center;
	line-height: 26px
}

.setting-container .setBackground .image-container li .check .icon-check {
	color: #fff;
	font-size: 16px
}

.setting-container .setBackground .image-container li:nth-child(3n+1) {
	padding-right: 10px
}

.setting-container .setBackground .image-container li:nth-child(3n+2) {
	padding: 0 5px
}

.setting-container .setBackground .image-container li:nth-child(3n+2) .check {
	right: 7px
}

.setting-container .setBackground .image-container li:nth-child(3n+3) {
	padding-left: 10px
}

.setting-container .setBackground .image-container li:nth-child(3n+3) .check {
	right: 2px
}

.setting-container .setBackground .image-container li.selected .check {
	display: block
}

.setting-container .setBackground .imageSave {
	width: 100%;
	height: 36px;
	line-height: 25px
}

.settingBox {
	position: absolute;
	width: 460px;
	left: 50vw;
	top: 50vh;
	margin-left: -230px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 2px
}

.settingBox .setting-container {
	width: 100%
}

.settingBox .btn,
.settingBox .icon-add_circle {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out
}

.settingBox .header {
	width: 100%;
	height: 180px;
	position: relative
}

.settingBox .header h2 {
	text-align: center;
	line-height: 180px;
	position: relative;
	font-weight: 400;
	height: 180px;
	max-width: 100%;
	padding: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.settingBox .header .custom,
.settingBox .header img {
	position: absolute
}

.settingBox .header img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px 2px 0 0
}

.settingBox .header .switch {
	position: absolute;
	right: 10px;
	bottom: 7px;
	width: 98px;
	height: 28px;
	line-height: 28px;
	background: rgba(0, 0, 0, .26);
	border-radius: 3px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.settingBox .header .switch i {
	margin: 0 6px;
	font-size: 20px;
	line-height: 28px;
	float: left
}

.settingBox .header .switch span {
	line-height: 28px
}

.settingBox .header .close {
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 24px;
	color: #03a9f4;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.settingBox .header .close:hover {
	color: #0689dd
}

.settingBox .header~div {
	width: 100%;
	padding: 19px 30px 30px
}

.setEditPermission {
	padding: 24px 7px;
	padding-bottom: 16px;
	width: 200px
}

.setEditPermission li {
	overflow: hidden
}

.setEditPermission li span {
	float: left
}

.setEditPermission li i {
	display: none;
	float: right;
	color: #0689dd;
	font-size: 20px;
	line-height: 20px
}

.setEditPermission li.selected i {
	display: block;
	line-height: 20px!important
}

.setEditPermission li.disabled {
	font-size: .75rem;
	color: #a3a3a3;
	padding: 10px 20px;
	line-height: 1.7
}

.setEditPermission li.disabled span {
	cursor: not-allowed
}

.setEditPermission li.disabled:hover {
	font-size: .75rem;
	color: #a3a3a3
}

.chooseKanbanTemp,
.setViewPermission {
	background: #fff;
	border-radius: 2px;
	padding: 12px 7px
}

.chooseKanbanTemp>div,
.setViewPermission>div {
	overflow: hidden
}

.chooseKanbanTemp>div span,
.setViewPermission>div span {
	display: block
}

.chooseKanbanTemp>div>div,
.setViewPermission>div>div {
	float: left
}

.chooseKanbanTemp>div>i,
.setViewPermission>div>i {
	display: none;
	float: right;
	color: #0689dd;
	font-size: 20px;
	line-height: 20px!important
}

.chooseKanbanTemp .selected .icon-check,
.setViewPermission .selected .icon-check {
	display: block
}

.chooseKanbanTemp {
	width: 360px
}

.datePicker {
	background: #fff;
	border-radius: 2px;
	width: 285px;
	text-align: center
}

.datePicker header {
	height: 47px;
	padding-top: .8125rem
}

.datePicker header ul.selectModeBar {
	height: 1.5rem;
	width: 100%;
	font-size: .875rem;
	color: #666
}

.datePicker header ul.selectModeBar li {
	float: left;
	line-height: 1.5rem;
	width: 4.45rem;
	border-right: 1px solid #f0f0f0;
	cursor: pointer
}

.datePicker header ul.selectModeBar li.active,
.datePicker header ul.selectModeBar li:hover {
	color: #109cf6
}

.datePicker header ul.selectModeBar li.last {
	border-right: none
}

.datePicker .datePickerMain .dateListContainer .select {
	font-size: .75rem;
	color: #666;
	overflow: hidden;
	height: 46px;
	line-height: 46px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative
}

.datePicker .datePickerMain .dateListContainer .select .clear,
.datePicker .datePickerMain .dateListContainer .select .today {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	top: 10px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .16);
	cursor: pointer
}

.datePicker .datePickerMain .dateListContainer .select .clear:hover,
.datePicker .datePickerMain .dateListContainer .select .today:hover {
	color: #109cf6
}

.datePicker .datePickerMain .dateListContainer .select .today {
	right: 1.25rem
}

.datePicker .datePickerMain .dateListContainer .select .clear {
	left: 1.25rem
}

.datePicker .datePickerMain .dateListContainer .select .next,
.datePicker .datePickerMain .dateListContainer .select .pre {
	font-size: 20px;
	line-height: 46px;
	cursor: pointer;
	position: absolute;
	top: 0
}

.datePicker .datePickerMain .dateListContainer .select .next:hover,
.datePicker .datePickerMain .dateListContainer .select .pre:hover {
	color: #109cf6
}

.datePicker .datePickerMain .dateListContainer .select .pre {
	left: 0
}

.datePicker .datePickerMain .dateListContainer .select .next {
	right: 0
}

.datePicker .datePickerMain .dateListContainer .select .slideBar {
	display: block;
	width: 7.5rem;
	position: absolute;
	left: 50%;
	margin-left: -3.75rem;
	text-align: center
}

.datePicker .datePickerMain .dateListContainer ul.headerWeek {
	font-size: .75rem;
	color: #333;
	padding: 0 10px;
	overflow: hidden
}

.datePicker .datePickerMain .dateListContainer ul.headerWeek li {
	float: left;
	width: 2.35rem
}

.datePicker .datePickerMain .dateListContainer ul.headerWeek li.weekends {
	color: rgba(201, 64, 64, .87)
}

.datePicker .datePickerMain .dateListContainer ul.dateList {
	font-size: .75rem;
	color: #333;
	text-align: center;
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: .5rem
}

.datePicker .datePickerMain .dateListContainer ul.dateList li {
	float: left;
	width: 2.35rem;
	height: 1.5rem;
	margin: .425rem 0;
	line-height: 1.5rem;
	cursor: default
}

.datePicker .datePickerMain .dateListContainer ul.dateList li span {
	width: 1.5rem;
	display: inline-block;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 50%
}

.datePicker .datePickerMain .dateListContainer ul.dateList li span.selected {
	color: #fff;
	background: #0689dd
}

.datePicker .datePickerMain .dateListContainer ul.dateList li:hover span {
	background: #f0f0f0
}

.datePicker .datePickerMain .dateListContainer ul.dateList li:hover span.selected {
	background: #0689dd
}

.datePicker .datePickerMain .dateListContainer ul.dateList li.selected {
	color: #fff;
	background: #0689dd
}

.datePicker .datePickerMain .dateListContainer ul.dateList li.selected:hover span,
.datePicker .datePickerMain .dateListContainer ul.dateList li.selected span {
	background: none
}

.datePicker .datePickerMain .dateListContainer ul.dateList li.selected.first {
	border-radius: 1.5rem 0 0 1.5rem
}

.datePicker .datePickerMain .dateListContainer ul.dateList li.selected.last {
	border-radius: 0 1.5rem 1.5rem 0
}

.datePicker .datePickerMain .dateListContainer ul.dateList li.type-disable span {
	color: rgba(0, 0, 0, .26);
	background: none;
	cursor: not-allow ed
}

.datePicker .datePickerMain .dateListContainer ul.dateList li.type-disable span.selected {
	color: #fff;
	background: #0689dd
}

.datePicker .datePickerMain .repeatContainer {
	display: none;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 2px;
	width: 286px;
	height: 277px;
	position: relative;
	text-align: center;
	font-size: .75rem
}

.datePicker .datePickerMain .repeatContainer>ul {
	display: none
}

.datePicker .datePickerMain .repeatContainer>ul.actived {
	display: block
}

.datePicker .datePickerMain .repeatContainer>ul.tab {
	padding-left: 28px;
	padding-top: 3px;
	display: block;
	height: 32px;
	border: 1px solid rgba(0, 0, 0, .06);
	border-left: 0;
	border-right: 0;
	position: relative
}

.datePicker .datePickerMain .repeatContainer>ul.tab>li {
	float: left;
	cursor: pointer;
	width: 3rem;
	height: 1.5rem;
	padding: .375rem .5rem;
	color: rgba(0, 0, 0, .34);
	border-color: transparent
}

.datePicker .datePickerMain .repeatContainer>ul.tab>li+li {
	margin-left: 12px
}

.datePicker .datePickerMain .repeatContainer>ul.tab>li.actived,
.datePicker .datePickerMain .repeatContainer>ul.tab>li:hover {
	color: #0096f6;
	background-color: #fff;
	border-color: #0096f6
}

.datePicker .datePickerMain .repeatContainer>ul.content {
	position: absolute;
	top: 33px;
	left: 20px;
	right: 20px;
	bottom: 50px;
	white-space: normal;
	font-size: 0
}

.datePicker .datePickerMain .repeatContainer>ul.content li {
	font-size: .75rem;
	cursor: pointer
}

.datePicker .datePickerMain .repeatContainer>ul.content.day {
	background: url(https://res-front-cdn.timetask.cn/release/images/repeat1.1afbb137be.png) no-repeat 32px 19px
}

.datePicker .datePickerMain .repeatContainer>ul.content.week {
	padding-top: 1.5rem
}

.datePicker .datePickerMain .repeatContainer>ul.content.week li {
	cursor: pointer;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, .2);
	font-size: 14px;
	color: rgba(0, 0, 0, .34)
}

.datePicker .datePickerMain .repeatContainer>ul.content.week li.type-disable {
	background: #f0f0f0;
	color: #ccc;
	border-color: transparent;
	cursor: not-allowed
}

.datePicker .datePickerMain .repeatContainer>ul.content.week li.selected {
	background: #0689dd;
	border-color: #0689dd;
	color: #fff
}

.datePicker .datePickerMain .repeatContainer>ul.content.week li+li {
	margin: 23px 0 0 24px
}

.datePicker .datePickerMain .repeatContainer>ul.content.week li:nth-child(5) {
	margin-left: 0
}

.datePicker .datePickerMain .repeatContainer>ul.content.month {
	text-align: left
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li {
	width: 1.5rem;
	display: inline-block;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 50%;
	margin-top: .75rem;
	margin-right: 10px;
	text-align: center;
	background-clip: content-box
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li:nth-child(7n) {
	margin-right: 0
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li.lastDay {
	display: inline;
	border-radius: 2px;
	margin-left: 3px;
	background-clip: border-box
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li.selected {
	background: #0689dd;
	border-color: #0689dd;
	color: #fff
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li.selected:hover {
	background: rgba(6, 153, 243, .7)
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li.type-disable {
	background: #f0f0f0;
	color: #ccc;
	border-color: transparent;
	cursor: not-allowed
}

.datePicker .datePickerMain .repeatContainer>ul.content.month li:hover {
	background: #f0f0f0
}

.datePicker .datePickerMain .repeatContainer>ul.content.year {
	background: url(https://res-front-cdn.timetask.cn/release/images/repeat2.9edcbec4d4.png) no-repeat 40px 40px
}

.datePicker .datePickerMain .repeatContainer .repeatFooter {
	position: absolute;
	bottom: 0;
	height: 3rem;
	line-height: 3rem;
	left: 1.75rem;
	right: 1.75rem;
	border-top: 1px dashed #c4dff2
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask {
	margin-right: .25rem;
	float: left
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div {
	float: left;
	display: none
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div.actived {
	display: block
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .monthSelect,
.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .weekSelect,
.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .yearSelect {
	float: left;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	width: 1.875rem;
	height: 22px;
	line-height: 1.375rem;
	margin: .75rem .375rem;
	padding: 0 3px;
	cursor: pointer
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .monthSelect:hover,
.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .weekSelect:hover,
.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .yearSelect:hover {
	border: 1px solid rgba(0, 0, 0, .16)
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .dropdown-menu {
	width: 1.875rem;
	min-width: 1.875rem;
	height: 15rem;
	top: 2rem!important;
	left: .375rem;
	overflow-x: hidden;
	overflow-y: auto
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .dropdown-menu li {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	cursor: default;
	text-align: center
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask>div .dropdown-menu li:hover {
	background: #f0f0f0
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util {
	text-align: center;
	margin: 0 auto;
	width: 10rem
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu {
	text-align: left;
	width: 11.25rem;
	min-width: 4.5rem;
	height: 4.5rem
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu li {
	padding: 0 1rem 0 1.375rem;
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	cursor: default;
	text-align: left
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu li:hover {
	background: #f0f0f0
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu i {
	float: right;
	font-size: 1rem;
	position: relative;
	top: .375rem
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .utilSelect {
	float: right;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	width: 4rem;
	height: 1.375rem;
	line-height: 1.375rem;
	margin-top: .75rem;
	margin-left: .375rem;
	text-align: left;
	padding: 0 3px;
	cursor: pointer;
	position: relative
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .utilSelect:hover {
	border: 1px solid rgba(0, 0, 0, .16)
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .util .utilSelect i {
	position: absolute;
	font-size: 16px;
	top: 2px;
	right: 2px
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from {
	float: left
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from .dropdown-menu {
	width: 11.25rem;
	min-width: 4.5rem;
	height: 4.5rem
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from .dropdown-menu li {
	padding: 0 1rem 0 1.375rem;
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	cursor: default;
	text-align: left
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from .dropdown-menu li:hover {
	background: #f0f0f0
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from .fromSelect {
	float: left;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	width: 3rem;
	height: 1.375rem;
	line-height: 1.375rem;
	margin-top: .75rem;
	margin-left: .25rem;
	text-align: left;
	padding: 0 3px;
	cursor: pointer;
	position: relative
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from .fromSelect:hover {
	border: 1px solid rgba(0, 0, 0, .16)
}

.datePicker .datePickerMain .repeatContainer .repeatFooter .from .fromSelect i {
	position: absolute;
	font-size: 16px;
	top: 2px;
	right: 2px
}

.datePicker .footer {
	height: 2.75rem;
	line-height: 2.75rem;
	border-top: 1px solid #f4f4f4
}

.datePicker .footer .toggle {
	float: right;
	margin: 0;
	margin-right: 13px
}

.datePicker .footer .toggle input:checked+.track .handle {
	-webkit-transform: translate3d(6px, 0, 0);
	transform: translate3d(6px, 0, 0)
}

.datePicker .footer .toggle input:checked+.track {
	background: #c4dff2
}

.datePicker .footer .toggle .track {
	height: 16px;
	width: 27px
}

.datePicker .footer .toggle .track .handle {
	top: 15px;
	width: 16px;
	height: 16px
}

.datePicker .footer .footerBar {
	float: right;
	height: 2.75rem;
	line-height: 2.75rem
}

.datePicker_single {
	background: #fff;
	border-radius: 2px;
	width: 285px;
	text-align: center
}

.datePicker_single .select {
	font-size: .75rem;
	color: #666;
	overflow: hidden;
	height: 46px;
	line-height: 46px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative
}

.datePicker_single .select .next,
.datePicker_single .select .pre {
	font-size: 20px;
	line-height: 46px;
	position: absolute;
	cursor: pointer;
	top: 0
}

.datePicker_single .select .next:hover,
.datePicker_single .select .pre:hover {
	color: #109cf6
}

.datePicker_single .select .pre {
	left: 1.5rem
}

.datePicker_single .select .next {
	right: 1.5rem
}

.datePicker_single .select .slideBar {
	display: block;
	width: 7.5rem;
	position: absolute;
	left: 50%;
	margin-left: -3.75rem;
	text-align: center
}

.datePicker_single ul.headerWeek {
	font-size: .75rem;
	color: #333;
	padding: 0 10px;
	overflow: hidden
}

.datePicker_single ul.headerWeek li {
	float: left;
	width: 2.35rem
}

.datePicker_single ul.headerWeek li.weekends {
	color: rgba(201, 64, 64, .87)
}

.datePicker_single ul.dateList {
	font-size: .75rem;
	color: #333;
	text-align: center;
	overflow: hidden;
	padding: 0 .625rem;
	margin: .625rem 0
}

.datePicker_single ul.dateList li {
	float: left;
	width: 2.35rem;
	height: 1.5rem;
	margin: .425rem 0;
	line-height: 1.5rem;
	cursor: default
}

.datePicker_single ul.dateList li span {
	width: 1.5rem;
	display: inline-block;
	height: 1.5rem;
	line-height: 1.5rem;
	border-radius: 50%
}

.datePicker_single ul.dateList li span.selected {
	color: #fff;
	background: #0689dd
}

.datePicker_single ul.dateList li:hover span {
	background: #f0f0f0
}

.datePicker_single ul.dateList li:hover span.selected {
	background: #0689dd
}

.datePicker_single ul.dateList li.selected {
	color: #fff;
	background: #0689dd
}

.datePicker_single ul.dateList li.selected:hover span,
.datePicker_single ul.dateList li.selected span {
	background: none
}

.datePicker_single ul.dateList li.selected.first {
	border-radius: 1.5rem 0 0 1.5rem
}

.datePicker_single ul.dateList li.selected.last {
	border-radius: 0 1.5rem 1.5rem 0
}

.datePicker_single ul.dateList li.type-disable span {
	color: rgba(0, 0, 0, .26)!important;
	background: none
}

.datePicker_single .footer {
	padding: 0 1.5rem 1rem
}

.datePicker_single .custom-btn {
	margin: 22px;
	margin-bottom: 0;
	width: 242px
}

.selectUserPanel {
	width: 14.375rem;
	height: 22.5rem;
	padding-bottom: 45px;
	position: relative
}

.selectUserPanel.not-show-major li:hover .icon-star_outline {
	display: none!important
}

.selectUserPanel.no-search {
	height: 20.5rem
}

.selectUserPanel.panel-count-1 {
	width: 10.125rem
}

.selectUserPanel.panel-count-2 {
	width: 11.125rem
}

.selectUserPanel.showDept .toolbar {
	display: none
}

.selectUserPanel.showDept .deptList.active {
	top: 45px
}

.selectUserPanel.showDept ul.userList {
	display: none
}

.selectUserPanel.showOther:not(.showDept) .currentDept,
.selectUserPanel.showOther:not(.showDept) ul.deptList {
	display: none!important
}

.selectUserPanel.notShowingViewAuth {
	padding-bottom: 0
}

.selectUserPanel.notShowingViewAuth>ul {
	height: 285px
}

.selectUserPanel.isNotForTask {
	padding-bottom: 0
}

.selectUserPanel.isNotForTask>ul {
	height: 285px
}

.selectUserPanel.isNotForTask .isStar,
.selectUserPanel.isNotForTask .res {
	display: none!important
}

.selectUserPanel.isNotForTask .userName {
	width: calc(100% - 70px)
}

.selectUserPanel header {
	padding-top: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.selectUserPanel header>span {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.selectUserPanel header>.panel {
	padding: 3px 0 8px;
	font-size: 0
}

.selectUserPanel header>.panel.list-length-1 li {
	width: 100%
}

.selectUserPanel header>.panel.list-length-2 li {
	width: 50%
}

.selectUserPanel header>.panel.list-length-3 li {
	width: 33.33333%
}

.selectUserPanel header>.panel li {
	display: inline-block;
	font-size: .75rem;
	color: #666;
	text-align: center;
	cursor: pointer
}

.selectUserPanel header>.panel li+li {
	border-left: 1px solid #f0f0f0
}

.selectUserPanel header>.panel li.active {
	font-size: .75rem;
	color: #1ba4ff
}

.selectUserPanel header>.toolbar {
	border-top: 1px solid #f4f4f4;
	padding: 0 28px 0 40px;
	line-height: 32px;
	position: relative
}

.selectUserPanel header>.toolbar>i {
	font-size: 17px;
	position: absolute;
	left: 16px;
	top: 7px
}

.selectUserPanel header>.toolbar input {
	border: none;
	text-align: left
}

.selectUserPanel header>.toolbar .select-all {
	right: 14px
}

.selectUserPanel header>.toolbar>span {
	font-size: .75rem;
	color: #666;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 2px
}

.selectUserPanel header input {
	width: 100%;
	height: 23px;
	line-height: 23px;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 4px;
	text-align: center
}

.selectUserPanel header input::-webkit-input-placeholder {
	font-size: .75rem;
	color: #666
}

.selectUserPanel header input:-moz-placeholder,
.selectUserPanel header input::-moz-placeholder {
	font-size: .75rem;
	color: #666
}

.selectUserPanel header input:-ms-input-placeholder {
	font-size: .75rem;
	color: #666
}

.selectUserPanel header .backUp {
	float: left;
	margin-left: 1rem;
	cursor: pointer
}

.selectUserPanel header .backUp:hover {
	color: #0096f6
}

.selectUserPanel header .backUp,
.selectUserPanel header .currentDept {
	display: none
}

.selectUserPanel header .selectAll {
	float: right;
	margin-right: 1rem;
	cursor: pointer
}

.selectUserPanel header .selectAll:hover {
	color: #0096f6
}

.selectUserPanel>ul {
	height: 240px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.selectUserPanel>ul.recent {
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	z-index: -1
}

.selectUserPanel>ul.active,
.selectUserPanel>ul.show {
	opacity: 1;
	z-index: 100
}

.selectUserPanel>ul.deptList {
	-webkit-transition: top .2s ease-out;
	transition: top .2s ease-out
}

.selectUserPanel>ul.userList .backUp {
	display: none
}

.selectUserPanel>ul.userList .currentDept {
	display: none;
	top: 0!important
}

.selectUserPanel>ul.userList .currentDept:empty {
	height: 0
}

.selectUserPanel>ul.userList.showRecentUser>li {
	display: none
}

.selectUserPanel>ul.userList.showRecentUser>li.recentUser {
	display: block
}

.selectUserPanel>ul.deptList {
	position: absolute;
	top: 75px;
	width: 100%
}

.selectUserPanel>ul li {
	background: #fff;
	height: 2.25rem;
	line-height: 1.5rem;
	padding: .3125rem 1rem
}

.selectUserPanel>ul li.disable:not(.checked):hover .icon-star_outline {
	display: none
}

.selectUserPanel>ul li.type-disable {
	font-size: .875rem;
	cursor: not-allowed!important
}

.selectUserPanel>ul li.type-disable:hover {
	background: transparent!important
}

.selectUserPanel>ul li.deptItem:hover,
.selectUserPanel>ul li.userItem:hover {
	cursor: default;
	background: #f6f7fb
}

.selectUserPanel>ul li.deptItem:hover .isStar,
.selectUserPanel>ul li.userItem:hover .isStar {
	visibility: visible
}

.selectUserPanel>ul li.currentDept {
	cursor: default
}

.selectUserPanel>ul li img.userAvatar {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	float: left
}

.selectUserPanel>ul li span.userName {
	width: 4rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.selectUserPanel>ul li img+span.userName {
	margin-left: 1.375rem
}

.selectUserPanel>ul li.userItem.no-avatar span.userName {
	width: calc(100% - 24px)
}

.selectUserPanel>ul li span.res {
	display: inline-block;
	vertical-align: top;
	font-size: .75rem;
	color: #1ba4ff;
	border: 1px solid #0096f6;
	border-radius: 2px;
	width: 32px;
	height: 20px;
	line-height: 17px;
	text-align: center;
	visibility: hidden;
	margin-top: 3px
}

.selectUserPanel>ul li span.isStar {
	display: inline-block;
	visibility: hidden;
	color: #fec029;
	vertical-align: top;
	margin-top: 4px;
	cursor: pointer
}

.selectUserPanel>ul li span.isStar.icon-star,
.selectUserPanel>ul li span.isStar.icon-star+.res {
	visibility: visible
}

.selectUserPanel>ul li span.isStar:hover {
	color: #f3b00b
}

.selectUserPanel>ul li span.checkThis {
	display: none;
	float: right
}

.selectUserPanel .toggle-view-auth {
	height: 44px;
	line-height: 44px;
	border-top: 1px solid rgba(0, 0, 0, .06);
	position: absolute;
	bottom: 0;
	width: 100%
}

.selectUserPanel .toggle-view-auth>span {
	font-size: .875rem;
	color: #333;
	color: #a3a3a3;
	margin-left: 101px
}

.selectUserPanel .toggle-view-auth .toggle-view-auth-btn {
	float: right;
	margin-right: 16px
}

.selectUserPanel .toggle-view-auth .toggle-view-auth-btn .toggle {
	margin-top: -1px
}

.selectUserPanel .toggle-view-auth .toggle-view-auth-btn .toggle .track {
	height: 16px;
	width: 27px
}

.selectUserPanel .toggle-view-auth .toggle-view-auth-btn .toggle .track .handle {
	top: 15px;
	width: 16px;
	height: 16px
}

.quadSelectBox {
	background: #fff;
	width: 286px;
	padding: 46px 43px
}

.quadSelectBox h5 {
	text-align: center
}

.quadSelectBox ul {
	margin-top: 35px;
	overflow: hidden
}

.quadSelectBox ul li {
	float: left;
	padding: 0 3px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	border-radius: 0
}

.taskOperationBox {
	background: #fff;
	border-radius: 2px;
	width: 285px;
	padding: 19px 22px 13px
}

.taskOperationBox>li .wrap {
	float: right;
	cursor: pointer;
	position: relative;
	padding-left: 50px
}

.taskOperationBox>li .wrap span {
	font-size: .75rem;
	color: #666
}

.taskOperationBox .wrap-menu {
	overflow: hidden
}

.taskOperationBox .kanban .kanban-name {
	display: block;
	width: 25px;
	float: left
}

.taskOperationBox .kanban .wrap {
	width: calc(100% - 25px)
}

.taskOperationBox .kanban .wrap .kanbanName {
	display: block;
	width: calc(100% - 25px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	text-align: right
}

.taskOperationBox .kanban .wrap i {
	margin-top: 2px;
	float: right
}

.taskOperationBox .kanban .kanbanList-container {
	height: 180px;
	overflow-y: auto;
	padding: 7px 4px
}

.taskOperationBox .kanban .kanbanList-container .kanbanList-warp {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

.taskOperationBox .card {
	margin-top: 35px;
	margin-bottom: 13px
}

.taskOperationBox .card .card-name {
	display: block;
	width: 25px;
	float: left
}

.taskOperationBox .card .wrap {
	width: calc(100% - 25px)
}

.taskOperationBox .card .wrap .cardName {
	display: block;
	width: calc(100% - 25px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	text-align: right
}

.taskOperationBox .card .wrap i {
	margin-top: 2px;
	float: right
}

.taskOperationBox .card .cardList-container {
	height: 180px;
	overflow-y: auto;
	padding: 7px 4px
}

.taskOperationBox .card .cardList-container .cardList-warp {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

.taskOperationBox .card .wrap {
	padding-left: 50px
}

.taskOperationBox .card .wrap li,
.taskOperationBox .card .wrap span,
.taskOperationBox .kanban .wrap li,
.taskOperationBox .kanban .wrap span {
	font-size: .75rem;
	color: #617a8b
}

.taskOperationBox .card .wrap .dropdown-item ul li,
.taskOperationBox .kanban .wrap .dropdown-item ul li {
	height: 20px;
	padding-left: 0;
	float: left
}

.taskOperationBox .card .wrap .dropdown-item ul li i,
.taskOperationBox .kanban .wrap .dropdown-item ul li i {
	font-size: 24px;
	line-height: 22px;
	color: #0689dd;
	display: none
}

.taskOperationBox .card .wrap .dropdown-item ul .name,
.taskOperationBox .kanban .wrap .dropdown-item ul .name {
	width: calc(100% - 20px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.taskOperationBox .card .wrap .dropdown-item ul .right,
.taskOperationBox .kanban .wrap .dropdown-item ul .right {
	width: 20px
}

.taskOperationBox .card .wrap .dropdown-item.selected ul li i,
.taskOperationBox .kanban .wrap .dropdown-item.selected ul li i {
	display: block
}

.taskOperationBox .card .wrap .invalid,
.taskOperationBox .kanban .wrap .invalid {
	font-size: .75rem;
	color: #666;
	color: rgba(0, 0, 0, .32)!important;
	padding: 10px 20px
}

.taskOperationBox .operation {
	width: 100%;
	height: 38px;
	line-height: 26px;
	margin-bottom: 0
}

.tooltipster-light {
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #ededed;
	color: #666
}

.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px
}

.tooltipster-noir {
	border-radius: 0;
	border: 3px solid #2c2c2c;
	background: #fff;
	color: #2c2c2c
}

.tooltipster-noir .tooltipster-content {
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px
}

.tooltipster-punk {
	border-radius: 5px;
	border-bottom: 3px solid #f71169;
	background: #2a2a2a;
	color: #fff
}

.tooltipster-punk .tooltipster-content {
	font-family: Courier, monospace;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px
}

.tooltipster-shadow {
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 14px rgba(0, 0, 0, .3);
	color: #2c2c2c
}

.tooltipster-shadow .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px
}

.tooltipster-user {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .18)
}

.tooltipster-user .tooltipster-content {
	line-height: 1.25rem;
	padding: 0
}

.tooltipster-default {
	border-radius: 5px;
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff
}

.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden
}

.tooltipster-icon {
	cursor: help;
	margin-left: 4px
}

.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible
}

.tooltipster-base .tooltipster-content {
	overflow: hidden
}

.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.tooltipster-arrow-border,
.tooltipster-arrow span {
	display: block;
	width: 0;
	height: 0;
	position: absolute
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top span {
	border-left: 8px solid transparent!important;
	border-right: 8px solid transparent!important;
	border-top: 8px solid;
	bottom: -7px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top .tooltipster-arrow-border {
	border-left: 9px solid transparent!important;
	border-right: 9px solid transparent!important;
	border-top: 9px solid;
	bottom: -7px
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom span {
	border-left: 8px solid transparent!important;
	border-right: 8px solid transparent!important;
	border-bottom: 8px solid;
	top: -7px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
	border-left: 9px solid transparent!important;
	border-right: 9px solid transparent!important;
	border-bottom: 9px solid;
	top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
	left: 0;
	right: 0;
	margin: 0 auto
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
	left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
	left: 5px
}

.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
	right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
	right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
	border-top: 8px solid transparent!important;
	border-bottom: 8px solid transparent!important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent!important;
	border-bottom: 9px solid transparent!important;
	border-left: 9px solid;
	margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
	border-top: 8px solid transparent!important;
	border-bottom: 8px solid transparent!important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent!important;
	border-bottom: 9px solid transparent!important;
	border-right: 9px solid;
	margin-top: -8px
}

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity
}

.tooltipster-fade-show {
	opacity: 1
}

.tooltipster-grow {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
	-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
	transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	transition-property: all;
	top: 0!important;
	opacity: 0
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
	-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	transition-property: all;
	left: 0!important;
	opacity: 0
}

.tooltipster-content-changing {
	opacity: .5;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.weekSelector {
	height: 300px;
	width: 202px!important;
	overflow-y: scroll;
	overflow-x: hidden
}

.weekSelector>li {
	cursor: pointer
}

.weekSelector .dropdown-item .icon-check {
	position: absolute;
	margin-left: 18px;
	visibility: hidden;
	color: #0689dd
}

.weekSelector .dropdown-item.selected .icon-check {
	visibility: visible;
	font-size: 20px
}

.weekSelector .dropdown-item.disabled span {
	cursor: not-allowed!important
}

#trash-all {
	width: 4.0625rem;
	height: 4.0625rem;
	background: rgba(0, 0, 0, .85);
	border-radius: 50%;
	color: #fff;
	position: absolute;
	bottom: 3rem;
	right: 6rem;
	z-index: -1
}

#trash-all.dropActive {
	bottom: 3rem;
	right: 6rem;
	z-index: 2001
}

#trash-all.dropHover {
	background: #cf1406
}

#trash-all .trash-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 2.5rem;
	line-height: 4.5rem
}

#trash-all .trash-confirm {
	position: absolute;
	bottom: 110%;
	left: 50%
}

[data-enable-drop-delete=true] {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

[data-enable-drop-delete=true].item-to-trash {
	opacity: 0
}

[data-enable-drop-delete=true].dragging-to-trash {
	z-index: 2002!important;
	opacity: .9
}

[data-enable-drop-delete=true].dragging-to-trash.over-trash {
	opacity: .8;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

@-webkit-keyframes box-loading-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		-webkit-transform: translateY(18px) scaleY(.9) rotate(45deg);
		transform: translateY(18px) scaleY(.9) rotate(45deg);
		border-bottom-right-radius: 40px
	}
	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg)
	}
	to {
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@keyframes box-loading-animate {
	17% {
		border-bottom-right-radius: 3px
	}
	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg)
	}
	50% {
		-webkit-transform: translateY(18px) scaleY(.9) rotate(45deg);
		transform: translateY(18px) scaleY(.9) rotate(45deg);
		border-bottom-right-radius: 40px
	}
	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg)
	}
	to {
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@-webkit-keyframes box-loading-shadow {
	0%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scaleX(1.2);
		transform: scaleX(1.2)
	}
}

@keyframes box-loading-shadow {
	0%,
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scaleX(1.2);
		transform: scaleX(1.2)
	}
}

.box-loading {
	width: 50px;
	height: 70px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -35px
}

.box-loading:before {
	height: 5px;
	background: #000;
	opacity: .1;
	top: 59px;
	border-radius: 50%;
	-webkit-animation: box-loading-shadow .5s linear infinite;
	animation: box-loading-shadow .5s linear infinite
}

.box-loading:after,
.box-loading:before {
	content: '';
	width: 50px;
	position: absolute;
	left: 0
}

.box-loading:after {
	height: 50px;
	background: #0096f6;
	-webkit-animation: box-loading-animate .5s linear infinite;
	animation: box-loading-animate .5s linear infinite;
	top: 0;
	border-radius: 3px
}

.rui-loading .rui-loading-wrapper {
	text-align: center
}

.rui-loading .rui-loading-wrapper.ellipsis-white-green svg {
	height: 50px
}

.rui-loading .rui-loading-wrapper.vertical-bar svg {
	height: 30px
}

.rui-loading .rui-loading-wrapper.vertical-bar.drak svg rect,
.rui-loading .rui-loading-wrapper.vertical-bar svg rect {
	fill: #0096f6
}

.rui-loading .rui-loading-wrapper.vertical-bar.light svg rect {
	fill: hsla(0, 0%, 100%, .86)
}

.rui-loading .rui-loading-wrapper.box-loading-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 5
}

.rui-loading .rui-loading-wrapper.circle-one svg {
	height: 30px
}

.rui-loading .rui-loading-wrapper.circle-one svg path {
	fill: #0096f6
}

.rui-loading .rui-loading-wrapper.circle-one.dark svg path {
	fill: #000
}

.rui-loading .rui-loading-wrapper.circle-one.light svg path {
	fill: #0096f6
}

.file-small-excel {
	background: url(https://res-front-cdn.timetask.cn/release/images/excel.6459a87dad.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/excel.6459a87dad.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/excel_2x.882521f33f.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/excel.6459a87dad.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/excel_2x.882521f33f.png) 2x)
}

.file-small-file {
	background: url(https://res-front-cdn.timetask.cn/release/images/file.46449ccbd9.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/file.46449ccbd9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/file_2x.d5b7bf41db.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/file.46449ccbd9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/file_2x.d5b7bf41db.png) 2x)
}

.file-small-image {
	background: url(https://res-front-cdn.timetask.cn/release/images/image.aed8e06b57.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/image.aed8e06b57.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/image_2x.7e3b61966f.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/image.aed8e06b57.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/image_2x.7e3b61966f.png) 2x)
}

.file-small-pdf {
	background: url(https://res-front-cdn.timetask.cn/release/images/pdf.692b9767b9.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/pdf.692b9767b9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/pdf_2x.8adc7502ee.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/pdf.692b9767b9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/pdf_2x.8adc7502ee.png) 2x)
}

.file-small-ppt {
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/ppt.2c7e64eb9b.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/ppt_2x.a6757be532.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/ppt.2c7e64eb9b.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/ppt_2x.a6757be532.png) 2x);
	background: url(https://res-front-cdn.timetask.cn/release/images/ppt.2c7e64eb9b.png)
}

.file-small-sound {
	background: url(https://res-front-cdn.timetask.cn/release/images/sound.d0eaa3dfce.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/sound.d0eaa3dfce.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/sound_2x.678e3d8cb9.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/sound.d0eaa3dfce.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/sound_2x.678e3d8cb9.png) 2x)
}

.file-small-video {
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/video.40ae41e791.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/video_2x.329cf28448.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/video.40ae41e791.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/video_2x.329cf28448.png) 2x);
	background: url(https://res-front-cdn.timetask.cn/release/images/video.40ae41e791.png)
}

.file-small-word {
	background: url(https://res-front-cdn.timetask.cn/release/images/word.b44eea8fcf.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/word.b44eea8fcf.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/word_2x.ccc798e3a0.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/word.b44eea8fcf.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/word_2x.ccc798e3a0.png) 2x)
}

.file-small-zip {
	background: url(https://res-front-cdn.timetask.cn/release/images/zip.f9f2049911.png);
	background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/zip.f9f2049911.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/zip_2x.577c0356a9.png) 2x);
	background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/zip.f9f2049911.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/zip_2x.577c0356a9.png) 2x)
}

.mfp-bg {
	z-index: 1042;
	overflow: hidden;
	background: rgba(0, 0, 0, .9);
	opacity: .8
}

.mfp-bg,
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed
}

.mfp-wrap {
	z-index: 1043;
	outline: none!important;
	-webkit-backface-visibility: hidden
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: default;
	padding: 0 8px;
	box-sizing: border-box
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-header-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 54px;
	text-align: center;
	cursor: default;
	background: rgba(0, 0, 0, .86)
}

.mfp-header-wrapper .mfp-file-name {
	font-size: 18px;
	line-height: 54px;
	color: #fff;
	margin-left: 30px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 40%
}

.mfp-header-wrapper .mfp-download {
	position: absolute;
	left: 50%;
	fill: currentColor;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
	text-decoration: none;
	line-height: 54px
}

.mfp-header-wrapper .mfp-download .icon-get_app {
	font-size: 24px;
	vertical-align: -23%;
	margin-right: 20px
}

.mfp-header-wrapper .mfp-close {
	float: right;
	margin-right: 18px;
	width: 22px!important;
	height: 22px;
	line-height: 22px;
	color: #000!important;
	margin-top: 15px;
	padding-left: 5px;
	font-size: 20px;
	background-color: #fff;
	border-radius: 50%;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.mfp-header-wrapper .mfp-close svg {
	cursor: pointer
}

.mfp-figure {
	position: relative
}

.mfp-figure figure {
	position: fixed;
	top: 46px;
	bottom: 18px;
	left: 116px;
	right: 116px
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer
}

.mfp-zoom {
	cursor: pointer;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

button.mfp-arrow {
	background: rgba(0, 0, 0, .5);
	cursor: pointer;
	position: absolute;
	z-index: 10000;
	top: calc(50vh + 80px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 36px;
	height: 36px;
	border: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	border: medium inset transparent
}

.mfp-arrow:after {
	border-top-width: 10px;
	border-bottom-width: 10px;
	top: 7px
}

.mfp-arrow-left {
	left: 40px
}

.mfp-arrow-left:after {
	border-right: 16px solid #fff;
	left: 6px
}

.mfp-arrow-right {
	right: 40px
}

.mfp-arrow-right:after {
	border-left: 16px solid #fff;
	right: 6px
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #fff
}

img.mfp-img {
	position: absolute;
	height: auto;
	width: auto;
	box-sizing: border-box;
	border: 0;
	max-height: calc(100% - 50px)!important;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%
}

.mfp-figure {
	line-height: 0
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-image-holder .mfp-content {
	max-width: 100%
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.atSpan,
.toolbox-atSpan {
	background: rgba(0, 0, 0, .1);
	padding: 2px;
	margin: 4px;
	font-size: 12px;
	border: none;
	display: inline;
	border-radius: 4px;
	line-height: normal
}

[class*=' sprite-'],
[class^=sprite-] {
	width: 25px;
	height: 25px;
	background: url("https://res-front-cdn.timetask.cn/common/img/emoji/emoji.51402a74d7.png");
	background-repeat: no-repeat;
	vertical-align: top;
	display: inline-block;
	background-size: 882.8125px 867.1875px
}

.sprite-a {
	background-position: -1.953125px -1.953125px
}

.sprite-a-100 {
	background-position: -30.859375px -1.953125px
}

.sprite-a-1234 {
	background-position: -59.765625px -1.953125px
}

.sprite-a-8ball {
	background-position: -88.671875px -1.953125px
}

.sprite-ab {
	background-position: -117.578125px -1.953125px
}

.sprite-abc {
	background-position: -146.484375px -1.953125px
}

.sprite-abcd {
	background-position: -175.390625px -1.953125px
}

.sprite-accept {
	background-position: -204.296875px -1.953125px
}

.sprite-aerial_tramway {
	background-position: -233.203125px -1.953125px
}

.sprite-agree {
	background-position: -262.109375px -1.953125px
}

.sprite-airplane {
	background-position: -291.015625px -1.953125px
}

.sprite-alarm_clock {
	background-position: -319.921875px -1.953125px
}

.sprite-alien {
	background-position: -348.828125px -1.953125px
}

.sprite-ambulance {
	background-position: -377.734375px -1.953125px
}

.sprite-anchor {
	background-position: -406.640625px -1.953125px
}

.sprite-angel {
	background-position: -435.546875px -1.953125px
}

.sprite-anger {
	background-position: -464.453125px -1.953125px
}

.sprite-angry {
	background-position: -493.359375px -1.953125px
}

.sprite-anguished {
	background-position: -522.265625px -1.953125px
}

.sprite-ant {
	background-position: -551.171875px -1.953125px
}

.sprite-apple {
	background-position: -580.078125px -1.953125px
}

.sprite-aquarius {
	background-position: -608.984375px -1.953125px
}

.sprite-aries {
	background-position: -637.890625px -1.953125px
}

.sprite-arrow_backward {
	background-position: -666.796875px -1.953125px
}

.sprite-arrow_double_down {
	background-position: -695.703125px -1.953125px
}

.sprite-arrow_double_up {
	background-position: -724.609375px -1.953125px
}

.sprite-arrow_down {
	background-position: -753.515625px -1.953125px
}

.sprite-arrow_down_small {
	background-position: -782.421875px -1.953125px
}

.sprite-arrow_forward {
	background-position: -811.328125px -1.953125px
}

.sprite-arrow_heading_down {
	background-position: -1.953125px -30.859375px
}

.sprite-arrow_heading_up {
	background-position: -30.859375px -30.859375px
}

.sprite-arrow_left {
	background-position: -59.765625px -30.859375px
}

.sprite-arrow_lower_left {
	background-position: -88.671875px -30.859375px
}

.sprite-arrow_lower_right {
	background-position: -117.578125px -30.859375px
}

.sprite-arrow_right {
	background-position: -146.484375px -30.859375px
}

.sprite-arrow_right_hook {
	background-position: -175.390625px -30.859375px
}

.sprite-arrow_up {
	background-position: -204.296875px -30.859375px
}

.sprite-arrow_up_down {
	background-position: -233.203125px -30.859375px
}

.sprite-arrow_up_small {
	background-position: -262.109375px -30.859375px
}

.sprite-arrow_upper_left {
	background-position: -291.015625px -30.859375px
}

.sprite-arrow_upper_right {
	background-position: -319.921875px -30.859375px
}

.sprite-arrows_clockwise {
	background-position: -348.828125px -30.859375px
}

.sprite-arrows_counterclockwise {
	background-position: -377.734375px -30.859375px
}

.sprite-art {
	background-position: -406.640625px -30.859375px
}

.sprite-articulated_lorry {
	background-position: -435.546875px -30.859375px
}

.sprite-astonished {
	background-position: -464.453125px -30.859375px
}

.sprite-atm {
	background-position: -493.359375px -30.859375px
}

.sprite-b {
	background-position: -522.265625px -30.859375px
}

.sprite-baby {
	background-position: -551.171875px -30.859375px
}

.sprite-baby_bottle {
	background-position: -580.078125px -30.859375px
}

.sprite-baby_chick {
	background-position: -608.984375px -30.859375px
}

.sprite-baby_symbol {
	background-position: -637.890625px -30.859375px
}

.sprite-back {
	background-position: -666.796875px -30.859375px
}

.sprite-baggage_claim {
	background-position: -695.703125px -30.859375px
}

.sprite-balloon {
	background-position: -724.609375px -30.859375px
}

.sprite-ballot_box_with_check {
	background-position: -753.515625px -30.859375px
}

.sprite-bamboo {
	background-position: -782.421875px -30.859375px
}

.sprite-banana {
	background-position: -811.328125px -30.859375px
}

.sprite-bangbang {
	background-position: -1.953125px -59.765625px
}

.sprite-bank {
	background-position: -30.859375px -59.765625px
}

.sprite-bar_chart {
	background-position: -59.765625px -59.765625px
}

.sprite-barber {
	background-position: -88.671875px -59.765625px
}

.sprite-baseball {
	background-position: -117.578125px -59.765625px
}

.sprite-basketball {
	background-position: -146.484375px -59.765625px
}

.sprite-bath {
	background-position: -175.390625px -59.765625px
}

.sprite-bathtub {
	background-position: -204.296875px -59.765625px
}

.sprite-battery {
	background-position: -233.203125px -59.765625px
}

.sprite-bear {
	background-position: -262.109375px -59.765625px
}

.sprite-bee {
	background-position: -291.015625px -59.765625px
}

.sprite-beer {
	background-position: -319.921875px -59.765625px
}

.sprite-beers {
	background-position: -348.828125px -59.765625px
}

.sprite-beetle {
	background-position: -377.734375px -59.765625px
}

.sprite-beginner {
	background-position: -406.640625px -59.765625px
}

.sprite-bell {
	background-position: -435.546875px -59.765625px
}

.sprite-bento {
	background-position: -464.453125px -59.765625px
}

.sprite-bicyclist {
	background-position: -493.359375px -59.765625px
}

.sprite-bike {
	background-position: -522.265625px -59.765625px
}

.sprite-bikini {
	background-position: -551.171875px -59.765625px
}

.sprite-bird {
	background-position: -580.078125px -59.765625px
}

.sprite-birthday {
	background-position: -608.984375px -59.765625px
}

.sprite-black_circle {
	background-position: -637.890625px -59.765625px
}

.sprite-black_joker {
	background-position: -666.796875px -59.765625px
}

.sprite-black_medium_small_square {
	background-position: -695.703125px -59.765625px
}

.sprite-black_medium_square {
	background-position: -724.609375px -59.765625px
}

.sprite-black_nib {
	background-position: -753.515625px -59.765625px
}

.sprite-black_small_square {
	background-position: -782.421875px -59.765625px
}

.sprite-black_square {
	background-position: -811.328125px -59.765625px
}

.sprite-black_square_button {
	background-position: -1.953125px -88.671875px
}

.sprite-blossom {
	background-position: -30.859375px -88.671875px
}

.sprite-blowfish {
	background-position: -59.765625px -88.671875px
}

.sprite-blue_book {
	background-position: -88.671875px -88.671875px
}

.sprite-blue_car {
	background-position: -117.578125px -88.671875px
}

.sprite-blue_heart {
	background-position: -146.484375px -88.671875px
}

.sprite-blush {
	background-position: -175.390625px -88.671875px
}

.sprite-boar {
	background-position: -204.296875px -88.671875px
}

.sprite-boat {
	background-position: -233.203125px -88.671875px
}

.sprite-bomb {
	background-position: -262.109375px -88.671875px
}

.sprite-book {
	background-position: -291.015625px -88.671875px
}

.sprite-bookmark {
	background-position: -319.921875px -88.671875px
}

.sprite-bookmark_tabs {
	background-position: -348.828125px -88.671875px
}

.sprite-books {
	background-position: -377.734375px -88.671875px
}

.sprite-boom {
	background-position: -406.640625px -88.671875px
}

.sprite-boot {
	background-position: -435.546875px -88.671875px
}

.sprite-bouquet {
	background-position: -464.453125px -88.671875px
}

.sprite-bow {
	background-position: -493.359375px -88.671875px
}

.sprite-bowling {
	background-position: -522.265625px -88.671875px
}

.sprite-bowtie {
	background-position: -551.171875px -88.671875px
}

.sprite-boy {
	background-position: -580.078125px -88.671875px
}

.sprite-bread {
	background-position: -608.984375px -88.671875px
}

.sprite-bride_with_veil {
	background-position: -637.890625px -88.671875px
}

.sprite-bridge_at_night {
	background-position: -666.796875px -88.671875px
}

.sprite-briefcase {
	background-position: -695.703125px -88.671875px
}

.sprite-broken_heart {
	background-position: -724.609375px -88.671875px
}

.sprite-bug {
	background-position: -753.515625px -88.671875px
}

.sprite-bulb {
	background-position: -782.421875px -88.671875px
}

.sprite-bullettrain_front {
	background-position: -811.328125px -88.671875px
}

.sprite-bullettrain_side {
	background-position: -1.953125px -117.578125px
}

.sprite-bus {
	background-position: -30.859375px -117.578125px
}

.sprite-busstop {
	background-position: -59.765625px -117.578125px
}

.sprite-bust_in_silhouette {
	background-position: -88.671875px -117.578125px
}

.sprite-busts_in_silhouette {
	background-position: -117.578125px -117.578125px
}

.sprite-cactus {
	background-position: -146.484375px -117.578125px
}

.sprite-cake {
	background-position: -175.390625px -117.578125px
}

.sprite-calendar {
	background-position: -204.296875px -117.578125px
}

.sprite-calling {
	background-position: -233.203125px -117.578125px
}

.sprite-camel {
	background-position: -262.109375px -117.578125px
}

.sprite-camera {
	background-position: -291.015625px -117.578125px
}

.sprite-cancer {
	background-position: -319.921875px -117.578125px
}

.sprite-candy {
	background-position: -348.828125px -117.578125px
}

.sprite-capital_abcd {
	background-position: -377.734375px -117.578125px
}

.sprite-capricorn {
	background-position: -406.640625px -117.578125px
}

.sprite-car {
	background-position: -435.546875px -117.578125px
}

.sprite-card_index {
	background-position: -464.453125px -117.578125px
}

.sprite-carousel_horse {
	background-position: -493.359375px -117.578125px
}

.sprite-cat {
	background-position: -522.265625px -117.578125px
}

.sprite-cat2 {
	background-position: -551.171875px -117.578125px
}

.sprite-cd {
	background-position: -580.078125px -117.578125px
}

.sprite-chart {
	background-position: -608.984375px -117.578125px
}

.sprite-chart_with_downwards_trend {
	background-position: -637.890625px -117.578125px
}

.sprite-chart_with_upwards_trend {
	background-position: -666.796875px -117.578125px
}

.sprite-checkered_flag {
	background-position: -695.703125px -117.578125px
}

.sprite-cherries {
	background-position: -724.609375px -117.578125px
}

.sprite-cherry_blossom {
	background-position: -753.515625px -117.578125px
}

.sprite-chestnut {
	background-position: -782.421875px -117.578125px
}

.sprite-chicken {
	background-position: -811.328125px -117.578125px
}

.sprite-children_crossing {
	background-position: -1.953125px -146.484375px
}

.sprite-chocolate_bar {
	background-position: -30.859375px -146.484375px
}

.sprite-christmas_tree {
	background-position: -59.765625px -146.484375px
}

.sprite-church {
	background-position: -88.671875px -146.484375px
}

.sprite-cinema {
	background-position: -117.578125px -146.484375px
}

.sprite-circus_tent {
	background-position: -146.484375px -146.484375px
}

.sprite-city_sunrise {
	background-position: -175.390625px -146.484375px
}

.sprite-city_sunset {
	background-position: -204.296875px -146.484375px
}

.sprite-cl {
	background-position: -233.203125px -146.484375px
}

.sprite-clap {
	background-position: -262.109375px -146.484375px
}

.sprite-clapper {
	background-position: -291.015625px -146.484375px
}

.sprite-clipboard {
	background-position: -319.921875px -146.484375px
}

.sprite-clock1 {
	background-position: -348.828125px -146.484375px
}

.sprite-clock10 {
	background-position: -377.734375px -146.484375px
}

.sprite-clock1030 {
	background-position: -406.640625px -146.484375px
}

.sprite-clock11 {
	background-position: -435.546875px -146.484375px
}

.sprite-clock1130 {
	background-position: -464.453125px -146.484375px
}

.sprite-clock12 {
	background-position: -493.359375px -146.484375px
}

.sprite-clock1230 {
	background-position: -522.265625px -146.484375px
}

.sprite-clock130 {
	background-position: -551.171875px -146.484375px
}

.sprite-clock2 {
	background-position: -580.078125px -146.484375px
}

.sprite-clock230 {
	background-position: -608.984375px -146.484375px
}

.sprite-clock3 {
	background-position: -637.890625px -146.484375px
}

.sprite-clock330 {
	background-position: -666.796875px -146.484375px
}

.sprite-clock4 {
	background-position: -695.703125px -146.484375px
}

.sprite-clock430 {
	background-position: -724.609375px -146.484375px
}

.sprite-clock5 {
	background-position: -753.515625px -146.484375px
}

.sprite-clock530 {
	background-position: -782.421875px -146.484375px
}

.sprite-clock6 {
	background-position: -811.328125px -146.484375px
}

.sprite-clock630 {
	background-position: -1.953125px -175.390625px
}

.sprite-clock7 {
	background-position: -30.859375px -175.390625px
}

.sprite-clock730 {
	background-position: -59.765625px -175.390625px
}

.sprite-clock8 {
	background-position: -88.671875px -175.390625px
}

.sprite-clock830 {
	background-position: -117.578125px -175.390625px
}

.sprite-clock9 {
	background-position: -146.484375px -175.390625px
}

.sprite-clock930 {
	background-position: -175.390625px -175.390625px
}

.sprite-closed_book {
	background-position: -204.296875px -175.390625px
}

.sprite-closed_lock_with_key {
	background-position: -233.203125px -175.390625px
}

.sprite-closed_umbrella {
	background-position: -262.109375px -175.390625px
}

.sprite-cloud {
	background-position: -291.015625px -175.390625px
}

.sprite-clubs {
	background-position: -319.921875px -175.390625px
}

.sprite-cn {
	background-position: -348.828125px -175.390625px
}

.sprite-cocktail {
	background-position: -377.734375px -175.390625px
}

.sprite-coffee {
	background-position: -406.640625px -175.390625px
}

.sprite-cold_sweat {
	background-position: -435.546875px -175.390625px
}

.sprite-collision {
	background-position: -464.453125px -175.390625px
}

.sprite-computer {
	background-position: -493.359375px -175.390625px
}

.sprite-confetti_ball {
	background-position: -522.265625px -175.390625px
}

.sprite-confounded {
	background-position: -551.171875px -175.390625px
}

.sprite-confused {
	background-position: -580.078125px -175.390625px
}

.sprite-congratulations {
	background-position: -608.984375px -175.390625px
}

.sprite-construction {
	background-position: -637.890625px -175.390625px
}

.sprite-construction_worker {
	background-position: -666.796875px -175.390625px
}

.sprite-convenience_store {
	background-position: -695.703125px -175.390625px
}

.sprite-cookie {
	background-position: -724.609375px -175.390625px
}

.sprite-cool {
	background-position: -753.515625px -175.390625px
}

.sprite-cop {
	background-position: -782.421875px -175.390625px
}

.sprite-copyright {
	background-position: -811.328125px -175.390625px
}

.sprite-corn {
	background-position: -1.953125px -204.296875px
}

.sprite-couple {
	background-position: -30.859375px -204.296875px
}

.sprite-couple_with_heart {
	background-position: -59.765625px -204.296875px
}

.sprite-couplekiss {
	background-position: -88.671875px -204.296875px
}

.sprite-cow {
	background-position: -117.578125px -204.296875px
}

.sprite-cow2 {
	background-position: -146.484375px -204.296875px
}

.sprite-credit_card {
	background-position: -175.390625px -204.296875px
}

.sprite-crescent_moon {
	background-position: -204.296875px -204.296875px
}

.sprite-crocodile {
	background-position: -233.203125px -204.296875px
}

.sprite-crossed_flags {
	background-position: -262.109375px -204.296875px
}

.sprite-crown {
	background-position: -291.015625px -204.296875px
}

.sprite-cry {
	background-position: -319.921875px -204.296875px
}

.sprite-crying_cat_face {
	background-position: -348.828125px -204.296875px
}

.sprite-crystal_ball {
	background-position: -377.734375px -204.296875px
}

.sprite-cupid {
	background-position: -406.640625px -204.296875px
}

.sprite-curly_loop {
	background-position: -435.546875px -204.296875px
}

.sprite-currency_exchange {
	background-position: -464.453125px -204.296875px
}

.sprite-curry {
	background-position: -493.359375px -204.296875px
}

.sprite-custard {
	background-position: -522.265625px -204.296875px
}

.sprite-customs {
	background-position: -551.171875px -204.296875px
}

.sprite-cyclone {
	background-position: -580.078125px -204.296875px
}

.sprite-dancer {
	background-position: -608.984375px -204.296875px
}

.sprite-dancers {
	background-position: -637.890625px -204.296875px
}

.sprite-dango {
	background-position: -666.796875px -204.296875px
}

.sprite-dart {
	background-position: -695.703125px -204.296875px
}

.sprite-dash {
	background-position: -724.609375px -204.296875px
}

.sprite-date {
	background-position: -753.515625px -204.296875px
}

.sprite-de {
	background-position: -782.421875px -204.296875px
}

.sprite-deciduous_tree {
	background-position: -811.328125px -204.296875px
}

.sprite-department_store {
	background-position: -1.953125px -233.203125px
}

.sprite-diamond_shape_with_a_dot_inside {
	background-position: -30.859375px -233.203125px
}

.sprite-diamonds {
	background-position: -59.765625px -233.203125px
}

.sprite-disappointed {
	background-position: -88.671875px -233.203125px
}

.sprite-disappointed_relieved {
	background-position: -117.578125px -233.203125px
}

.sprite-dizzy {
	background-position: -146.484375px -233.203125px
}

.sprite-dizzy_face {
	background-position: -175.390625px -233.203125px
}

.sprite-do_not_litter {
	background-position: -204.296875px -233.203125px
}

.sprite-dog {
	background-position: -233.203125px -233.203125px
}

.sprite-dog2 {
	background-position: -262.109375px -233.203125px
}

.sprite-dollar {
	background-position: -291.015625px -233.203125px
}

.sprite-dolls {
	background-position: -319.921875px -233.203125px
}

.sprite-dolphin {
	background-position: -348.828125px -233.203125px
}

.sprite-donut {
	background-position: -377.734375px -233.203125px
}

.sprite-door {
	background-position: -406.640625px -233.203125px
}

.sprite-doughnut {
	background-position: -435.546875px -233.203125px
}

.sprite-dragon {
	background-position: -464.453125px -233.203125px
}

.sprite-dragon_face {
	background-position: -493.359375px -233.203125px
}

.sprite-dress {
	background-position: -522.265625px -233.203125px
}

.sprite-dromedary_camel {
	background-position: -551.171875px -233.203125px
}

.sprite-droplet {
	background-position: -580.078125px -233.203125px
}

.sprite-dvd {
	background-position: -608.984375px -233.203125px
}

.sprite-e-mail {
	background-position: -637.890625px -233.203125px
}

.sprite-ear {
	background-position: -666.796875px -233.203125px
}

.sprite-ear_of_rice {
	background-position: -695.703125px -233.203125px
}

.sprite-earth_africa {
	background-position: -724.609375px -233.203125px
}

.sprite-earth_americas {
	background-position: -753.515625px -233.203125px
}

.sprite-earth_asia {
	background-position: -782.421875px -233.203125px
}

.sprite-egg {
	background-position: -811.328125px -233.203125px
}

.sprite-eggplant {
	background-position: -1.953125px -262.109375px
}

.sprite-eight {
	background-position: -30.859375px -262.109375px
}

.sprite-eight_pointed_black_star {
	background-position: -59.765625px -262.109375px
}

.sprite-eight_spoked_asterisk {
	background-position: -88.671875px -262.109375px
}

.sprite-electric_plug {
	background-position: -117.578125px -262.109375px
}

.sprite-elephant {
	background-position: -146.484375px -262.109375px
}

.sprite-email {
	background-position: -175.390625px -262.109375px
}

.sprite-end {
	background-position: -204.296875px -262.109375px
}

.sprite-envelope {
	background-position: -233.203125px -262.109375px
}

.sprite-es {
	background-position: -262.109375px -262.109375px
}

.sprite-euro {
	background-position: -291.015625px -262.109375px
}

.sprite-european_castle {
	background-position: -319.921875px -262.109375px
}

.sprite-european_post_office {
	background-position: -348.828125px -262.109375px
}

.sprite-evergreen_tree {
	background-position: -377.734375px -262.109375px
}

.sprite-exclamation {
	background-position: -406.640625px -262.109375px
}

.sprite-expressionless {
	background-position: -435.546875px -262.109375px
}

.sprite-eyeglasses {
	background-position: -464.453125px -262.109375px
}

.sprite-eyes {
	background-position: -493.359375px -262.109375px
}

.sprite-facepunch {
	background-position: -522.265625px -262.109375px
}

.sprite-factory {
	background-position: -551.171875px -262.109375px
}

.sprite-fallen_leaf {
	background-position: -580.078125px -262.109375px
}

.sprite-family {
	background-position: -608.984375px -262.109375px
}

.sprite-fast_forward {
	background-position: -637.890625px -262.109375px
}

.sprite-fax {
	background-position: -666.796875px -262.109375px
}

.sprite-fearful {
	background-position: -695.703125px -262.109375px
}

.sprite-feelsgood {
	background-position: -724.609375px -262.109375px
}

.sprite-feet {
	background-position: -753.515625px -262.109375px
}

.sprite-ferris_wheel {
	background-position: -782.421875px -262.109375px
}

.sprite-file_folder {
	background-position: -811.328125px -262.109375px
}

.sprite-finnadie {
	background-position: -1.953125px -291.015625px
}

.sprite-fire {
	background-position: -30.859375px -291.015625px
}

.sprite-fire_engine {
	background-position: -59.765625px -291.015625px
}

.sprite-fireworks {
	background-position: -88.671875px -291.015625px
}

.sprite-first_quarter_moon {
	background-position: -117.578125px -291.015625px
}

.sprite-first_quarter_moon_with_face {
	background-position: -146.484375px -291.015625px
}

.sprite-fish {
	background-position: -175.390625px -291.015625px
}

.sprite-fish_cake {
	background-position: -204.296875px -291.015625px
}

.sprite-fishing_pole_and_fish {
	background-position: -233.203125px -291.015625px
}

.sprite-fist {
	background-position: -262.109375px -291.015625px
}

.sprite-five {
	background-position: -291.015625px -291.015625px
}

.sprite-flags {
	background-position: -319.921875px -291.015625px
}

.sprite-flashlight {
	background-position: -348.828125px -291.015625px
}

.sprite-floppy_disk {
	background-position: -377.734375px -291.015625px
}

.sprite-flower_playing_cards {
	background-position: -406.640625px -291.015625px
}

.sprite-flushed {
	background-position: -435.546875px -291.015625px
}

.sprite-foggy {
	background-position: -464.453125px -291.015625px
}

.sprite-football {
	background-position: -493.359375px -291.015625px
}

.sprite-fork_and_knife {
	background-position: -522.265625px -291.015625px
}

.sprite-fountain {
	background-position: -551.171875px -291.015625px
}

.sprite-four {
	background-position: -580.078125px -291.015625px
}

.sprite-four_leaf_clover {
	background-position: -608.984375px -291.015625px
}

.sprite-fr {
	background-position: -637.890625px -291.015625px
}

.sprite-free {
	background-position: -666.796875px -291.015625px
}

.sprite-fried_shrimp {
	background-position: -695.703125px -291.015625px
}

.sprite-fries {
	background-position: -724.609375px -291.015625px
}

.sprite-frog {
	background-position: -753.515625px -291.015625px
}

.sprite-frowning {
	background-position: -782.421875px -291.015625px
}

.sprite-fu {
	background-position: -811.328125px -291.015625px
}

.sprite-fuelpump {
	background-position: -1.953125px -319.921875px
}

.sprite-full_moon {
	background-position: -30.859375px -319.921875px
}

.sprite-full_moon_with_face {
	background-position: -59.765625px -319.921875px
}

.sprite-game_die {
	background-position: -88.671875px -319.921875px
}

.sprite-gb {
	background-position: -117.578125px -319.921875px
}

.sprite-gem {
	background-position: -146.484375px -319.921875px
}

.sprite-gemini {
	background-position: -175.390625px -319.921875px
}

.sprite-ghost {
	background-position: -204.296875px -319.921875px
}

.sprite-gift {
	background-position: -233.203125px -319.921875px
}

.sprite-gift_heart {
	background-position: -262.109375px -319.921875px
}

.sprite-girl {
	background-position: -291.015625px -319.921875px
}

.sprite-github {
	background-position: -840.234375px -1.953125px
}

.sprite-globe_with_meridians {
	background-position: -319.921875px -319.921875px
}

.sprite-gmail {
	background-position: -840.234375px -17.578125px
}

.sprite-goat {
	background-position: -348.828125px -319.921875px
}

.sprite-goberserk {
	background-position: -377.734375px -319.921875px
}

.sprite-godmode {
	background-position: -406.640625px -319.921875px
}

.sprite-golf {
	background-position: -435.546875px -319.921875px
}

.sprite-grapes {
	background-position: -464.453125px -319.921875px
}

.sprite-green_apple {
	background-position: -493.359375px -319.921875px
}

.sprite-green_book {
	background-position: -522.265625px -319.921875px
}

.sprite-green_heart {
	background-position: -551.171875px -319.921875px
}

.sprite-grey_exclamation {
	background-position: -580.078125px -319.921875px
}

.sprite-grey_question {
	background-position: -608.984375px -319.921875px
}

.sprite-grimacing {
	background-position: -637.890625px -319.921875px
}

.sprite-grin {
	background-position: -666.796875px -319.921875px
}

.sprite-grinning {
	background-position: -695.703125px -319.921875px
}

.sprite-guardsman {
	background-position: -724.609375px -319.921875px
}

.sprite-guitar {
	background-position: -753.515625px -319.921875px
}

.sprite-gun {
	background-position: -782.421875px -319.921875px
}

.sprite-haircut {
	background-position: -811.328125px -319.921875px
}

.sprite-hamburger {
	background-position: -1.953125px -348.828125px
}

.sprite-hammer {
	background-position: -30.859375px -348.828125px
}

.sprite-hamster {
	background-position: -59.765625px -348.828125px
}

.sprite-hand {
	background-position: -88.671875px -348.828125px
}

.sprite-handbag {
	background-position: -117.578125px -348.828125px
}

.sprite-hankey {
	background-position: -146.484375px -348.828125px
}

.sprite-hash {
	background-position: -175.390625px -348.828125px
}

.sprite-hatched_chick {
	background-position: -204.296875px -348.828125px
}

.sprite-hatching_chick {
	background-position: -233.203125px -348.828125px
}

.sprite-headphones {
	background-position: -262.109375px -348.828125px
}

.sprite-hear_no_evil {
	background-position: -291.015625px -348.828125px
}

.sprite-heart {
	background-position: -319.921875px -348.828125px
}

.sprite-heart_decoration {
	background-position: -348.828125px -348.828125px
}

.sprite-heart_eyes {
	background-position: -377.734375px -348.828125px
}

.sprite-heart_eyes_cat {
	background-position: -406.640625px -348.828125px
}

.sprite-heartbeat {
	background-position: -435.546875px -348.828125px
}

.sprite-heartpulse {
	background-position: -464.453125px -348.828125px
}

.sprite-hearts {
	background-position: -493.359375px -348.828125px
}

.sprite-heavy_check_mark {
	background-position: -522.265625px -348.828125px
}

.sprite-heavy_division_sign {
	background-position: -551.171875px -348.828125px
}

.sprite-heavy_dollar_sign {
	background-position: -580.078125px -348.828125px
}

.sprite-heavy_exclamation_mark {
	background-position: -608.984375px -348.828125px
}

.sprite-heavy_minus_sign {
	background-position: -637.890625px -348.828125px
}

.sprite-heavy_multiplication_x {
	background-position: -666.796875px -348.828125px
}

.sprite-heavy_plus_sign {
	background-position: -695.703125px -348.828125px
}

.sprite-helicopter {
	background-position: -724.609375px -348.828125px
}

.sprite-herb {
	background-position: -753.515625px -348.828125px
}

.sprite-hibiscus {
	background-position: -782.421875px -348.828125px
}

.sprite-high_brightness {
	background-position: -811.328125px -348.828125px
}

.sprite-high_heel {
	background-position: -1.953125px -377.734375px
}

.sprite-hocho {
	background-position: -30.859375px -377.734375px
}

.sprite-honey_pot {
	background-position: -59.765625px -377.734375px
}

.sprite-honeybee {
	background-position: -88.671875px -377.734375px
}

.sprite-horse {
	background-position: -117.578125px -377.734375px
}

.sprite-horse_racing {
	background-position: -146.484375px -377.734375px
}

.sprite-hospital {
	background-position: -175.390625px -377.734375px
}

.sprite-hotel {
	background-position: -204.296875px -377.734375px
}

.sprite-hotsprings {
	background-position: -233.203125px -377.734375px
}

.sprite-hourglass {
	background-position: -262.109375px -377.734375px
}

.sprite-hourglass_flowing_sand {
	background-position: -291.015625px -377.734375px
}

.sprite-house {
	background-position: -319.921875px -377.734375px
}

.sprite-house_with_garden {
	background-position: -348.828125px -377.734375px
}

.sprite-hurtrealbad {
	background-position: -377.734375px -377.734375px
}

.sprite-hushed {
	background-position: -406.640625px -377.734375px
}

.sprite-ice_cream {
	background-position: -435.546875px -377.734375px
}

.sprite-icecream {
	background-position: -464.453125px -377.734375px
}

.sprite-id {
	background-position: -493.359375px -377.734375px
}

.sprite-ideograph_advantage {
	background-position: -522.265625px -377.734375px
}

.sprite-imp {
	background-position: -551.171875px -377.734375px
}

.sprite-inbox_tray {
	background-position: -580.078125px -377.734375px
}

.sprite-incoming_envelope {
	background-position: -608.984375px -377.734375px
}

.sprite-information_desk_person {
	background-position: -637.890625px -377.734375px
}

.sprite-information_source {
	background-position: -666.796875px -377.734375px
}

.sprite-innocent {
	background-position: -695.703125px -377.734375px
}

.sprite-interrobang {
	background-position: -724.609375px -377.734375px
}

.sprite-iphone {
	background-position: -753.515625px -377.734375px
}

.sprite-it {
	background-position: -782.421875px -377.734375px
}

.sprite-izakaya_lantern {
	background-position: -811.328125px -377.734375px
}

.sprite-jack_o_lantern {
	background-position: -1.953125px -406.640625px
}

.sprite-japan {
	background-position: -30.859375px -406.640625px
}

.sprite-japanese_castle {
	background-position: -59.765625px -406.640625px
}

.sprite-japanese_goblin {
	background-position: -88.671875px -406.640625px
}

.sprite-japanese_ogre {
	background-position: -117.578125px -406.640625px
}

.sprite-jeans {
	background-position: -146.484375px -406.640625px
}

.sprite-joy {
	background-position: -175.390625px -406.640625px
}

.sprite-joy_cat {
	background-position: -204.296875px -406.640625px
}

.sprite-jp {
	background-position: -233.203125px -406.640625px
}

.sprite-key {
	background-position: -262.109375px -406.640625px
}

.sprite-keycap_ten {
	background-position: -291.015625px -406.640625px
}

.sprite-kimono {
	background-position: -319.921875px -406.640625px
}

.sprite-kiss {
	background-position: -348.828125px -406.640625px
}

.sprite-kissing {
	background-position: -377.734375px -406.640625px
}

.sprite-kissing_cat {
	background-position: -406.640625px -406.640625px
}

.sprite-kissing_closed_eyes {
	background-position: -435.546875px -406.640625px
}

.sprite-kissing_face {
	background-position: -464.453125px -406.640625px
}

.sprite-kissing_heart {
	background-position: -493.359375px -406.640625px
}

.sprite-kissing_smiling_eyes {
	background-position: -522.265625px -406.640625px
}

.sprite-koala {
	background-position: -551.171875px -406.640625px
}

.sprite-koko {
	background-position: -580.078125px -406.640625px
}

.sprite-kr {
	background-position: -608.984375px -406.640625px
}

.sprite-large_blue_circle {
	background-position: -637.890625px -406.640625px
}

.sprite-large_blue_diamond {
	background-position: -666.796875px -406.640625px
}

.sprite-large_orange_diamond {
	background-position: -695.703125px -406.640625px
}

.sprite-last_quarter_moon {
	background-position: -724.609375px -406.640625px
}

.sprite-last_quarter_moon_with_face {
	background-position: -753.515625px -406.640625px
}

.sprite-laughing {
	background-position: -782.421875px -406.640625px
}

.sprite-leaves {
	background-position: -811.328125px -406.640625px
}

.sprite-ledger {
	background-position: -1.953125px -435.546875px
}

.sprite-left_luggage {
	background-position: -30.859375px -435.546875px
}

.sprite-left_right_arrow {
	background-position: -59.765625px -435.546875px
}

.sprite-leftwards_arrow_with_hook {
	background-position: -88.671875px -435.546875px
}

.sprite-lemon {
	background-position: -117.578125px -435.546875px
}

.sprite-leo {
	background-position: -146.484375px -435.546875px
}

.sprite-leopard {
	background-position: -175.390625px -435.546875px
}

.sprite-libra {
	background-position: -204.296875px -435.546875px
}

.sprite-light_rail {
	background-position: -233.203125px -435.546875px
}

.sprite-link {
	background-position: -262.109375px -435.546875px
}

.sprite-linkedin {
	background-position: -840.234375px -33.203125px
}

.sprite-lips {
	background-position: -291.015625px -435.546875px
}

.sprite-lipstick {
	background-position: -319.921875px -435.546875px
}

.sprite-lock {
	background-position: -348.828125px -435.546875px
}

.sprite-lock_with_ink_pen {
	background-position: -377.734375px -435.546875px
}

.sprite-lollipop {
	background-position: -406.640625px -435.546875px
}

.sprite-loop {
	background-position: -435.546875px -435.546875px
}

.sprite-loudspeaker {
	background-position: -464.453125px -435.546875px
}

.sprite-love_hotel {
	background-position: -493.359375px -435.546875px
}

.sprite-love_letter {
	background-position: -522.265625px -435.546875px
}

.sprite-low_brightness {
	background-position: -551.171875px -435.546875px
}

.sprite-m {
	background-position: -580.078125px -435.546875px
}

.sprite-mag {
	background-position: -608.984375px -435.546875px
}

.sprite-mag_right {
	background-position: -637.890625px -435.546875px
}

.sprite-mahjong {
	background-position: -666.796875px -435.546875px
}

.sprite-mailbox {
	background-position: -695.703125px -435.546875px
}

.sprite-mailbox_closed {
	background-position: -724.609375px -435.546875px
}

.sprite-mailbox_with_mail {
	background-position: -753.515625px -435.546875px
}

.sprite-mailbox_with_no_mail {
	background-position: -782.421875px -435.546875px
}

.sprite-man {
	background-position: -811.328125px -435.546875px
}

.sprite-man_with_gua_pi_mao {
	background-position: -1.953125px -464.453125px
}

.sprite-man_with_turban {
	background-position: -30.859375px -464.453125px
}

.sprite-mans_shoe {
	background-position: -59.765625px -464.453125px
}

.sprite-maple_leaf {
	background-position: -88.671875px -464.453125px
}

.sprite-mask {
	background-position: -117.578125px -464.453125px
}

.sprite-massage {
	background-position: -146.484375px -464.453125px
}

.sprite-meat_on_bone {
	background-position: -175.390625px -464.453125px
}

.sprite-mega {
	background-position: -204.296875px -464.453125px
}

.sprite-melon {
	background-position: -233.203125px -464.453125px
}

.sprite-memo {
	background-position: -262.109375px -464.453125px
}

.sprite-mens {
	background-position: -291.015625px -464.453125px
}

.sprite-metal {
	background-position: -319.921875px -464.453125px
}

.sprite-metro {
	background-position: -348.828125px -464.453125px
}

.sprite-microphone {
	background-position: -377.734375px -464.453125px
}

.sprite-microscope {
	background-position: -406.640625px -464.453125px
}

.sprite-milky_way {
	background-position: -435.546875px -464.453125px
}

.sprite-minibus {
	background-position: -464.453125px -464.453125px
}

.sprite-minidisc {
	background-position: -493.359375px -464.453125px
}

.sprite-mobile_phone_off {
	background-position: -522.265625px -464.453125px
}

.sprite-money_with_wings {
	background-position: -551.171875px -464.453125px
}

.sprite-moneybag {
	background-position: -580.078125px -464.453125px
}

.sprite-monkey {
	background-position: -608.984375px -464.453125px
}

.sprite-monkey_face {
	background-position: -637.890625px -464.453125px
}

.sprite-monorail {
	background-position: -666.796875px -464.453125px
}

.sprite-mortar_board {
	background-position: -695.703125px -464.453125px
}

.sprite-mount_fuji {
	background-position: -724.609375px -464.453125px
}

.sprite-mountain_bicyclist {
	background-position: -753.515625px -464.453125px
}

.sprite-mountain_cableway {
	background-position: -782.421875px -464.453125px
}

.sprite-mountain_railway {
	background-position: -811.328125px -464.453125px
}

.sprite-mouse {
	background-position: -1.953125px -493.359375px
}

.sprite-mouse2 {
	background-position: -30.859375px -493.359375px
}

.sprite-movie_camera {
	background-position: -59.765625px -493.359375px
}

.sprite-moyai {
	background-position: -88.671875px -493.359375px
}

.sprite-muscle {
	background-position: -117.578125px -493.359375px
}

.sprite-mushroom {
	background-position: -146.484375px -493.359375px
}

.sprite-musical_keyboard {
	background-position: -175.390625px -493.359375px
}

.sprite-musical_note {
	background-position: -204.296875px -493.359375px
}

.sprite-musical_score {
	background-position: -233.203125px -493.359375px
}

.sprite-mute {
	background-position: -262.109375px -493.359375px
}

.sprite-nail_care {
	background-position: -291.015625px -493.359375px
}

.sprite-name_badge {
	background-position: -319.921875px -493.359375px
}

.sprite-neckbeard {
	background-position: -348.828125px -493.359375px
}

.sprite-necktie {
	background-position: -377.734375px -493.359375px
}

.sprite-negative_squared_cross_mark {
	background-position: -406.640625px -493.359375px
}

.sprite-neutral_face {
	background-position: -435.546875px -493.359375px
}

.sprite-new {
	background-position: -464.453125px -493.359375px
}

.sprite-new_moon {
	background-position: -493.359375px -493.359375px
}

.sprite-new_moon_with_face {
	background-position: -522.265625px -493.359375px
}

.sprite-newspaper {
	background-position: -551.171875px -493.359375px
}

.sprite-ng {
	background-position: -580.078125px -493.359375px
}

.sprite-nine {
	background-position: -608.984375px -493.359375px
}

.sprite-no_bell {
	background-position: -637.890625px -493.359375px
}

.sprite-no_bicycles {
	background-position: -666.796875px -493.359375px
}

.sprite-no_entry {
	background-position: -695.703125px -493.359375px
}

.sprite-no_entry_sign {
	background-position: -724.609375px -493.359375px
}

.sprite-no_good {
	background-position: -753.515625px -493.359375px
}

.sprite-no_mobile_phones {
	background-position: -782.421875px -493.359375px
}

.sprite-no_mouth {
	background-position: -811.328125px -493.359375px
}

.sprite-no_pedestrians {
	background-position: -1.953125px -522.265625px
}

.sprite-no_smoking {
	background-position: -30.859375px -522.265625px
}

.sprite-non-potable_water {
	background-position: -59.765625px -522.265625px
}

.sprite-nose {
	background-position: -88.671875px -522.265625px
}

.sprite-notebook {
	background-position: -117.578125px -522.265625px
}

.sprite-notebook_with_decorative_cover {
	background-position: -146.484375px -522.265625px
}

.sprite-notes {
	background-position: -175.390625px -522.265625px
}

.sprite-nut_and_bolt {
	background-position: -204.296875px -522.265625px
}

.sprite-o {
	background-position: -233.203125px -522.265625px
}

.sprite-o2 {
	background-position: -262.109375px -522.265625px
}

.sprite-ocean {
	background-position: -291.015625px -522.265625px
}

.sprite-octocat {
	background-position: -319.921875px -522.265625px
}

.sprite-octopus {
	background-position: -348.828125px -522.265625px
}

.sprite-oden {
	background-position: -377.734375px -522.265625px
}

.sprite-office {
	background-position: -406.640625px -522.265625px
}

.sprite-ok {
	background-position: -435.546875px -522.265625px
}

.sprite-ok_hand {
	background-position: -464.453125px -522.265625px
}

.sprite-ok_woman {
	background-position: -493.359375px -522.265625px
}

.sprite-older_man {
	background-position: -522.265625px -522.265625px
}

.sprite-older_woman {
	background-position: -551.171875px -522.265625px
}

.sprite-on {
	background-position: -580.078125px -522.265625px
}

.sprite-oncoming_automobile {
	background-position: -608.984375px -522.265625px
}

.sprite-oncoming_bus {
	background-position: -637.890625px -522.265625px
}

.sprite-oncoming_police_car {
	background-position: -666.796875px -522.265625px
}

.sprite-oncoming_taxi {
	background-position: -695.703125px -522.265625px
}

.sprite-one {
	background-position: -724.609375px -522.265625px
}

.sprite-open_file_folder {
	background-position: -753.515625px -522.265625px
}

.sprite-open_hands {
	background-position: -782.421875px -522.265625px
}

.sprite-open_mouth {
	background-position: -811.328125px -522.265625px
}

.sprite-ophiuchus {
	background-position: -1.953125px -551.171875px
}

.sprite-orange_book {
	background-position: -30.859375px -551.171875px
}

.sprite-outbox_tray {
	background-position: -59.765625px -551.171875px
}

.sprite-ox {
	background-position: -88.671875px -551.171875px
}

.sprite-package {
	background-position: -117.578125px -551.171875px
}

.sprite-page_facing_up {
	background-position: -146.484375px -551.171875px
}

.sprite-page_with_curl {
	background-position: -175.390625px -551.171875px
}

.sprite-pager {
	background-position: -204.296875px -551.171875px
}

.sprite-palm_tree {
	background-position: -233.203125px -551.171875px
}

.sprite-panda_face {
	background-position: -262.109375px -551.171875px
}

.sprite-paperclip {
	background-position: -291.015625px -551.171875px
}

.sprite-parking {
	background-position: -319.921875px -551.171875px
}

.sprite-part_alternation_mark {
	background-position: -348.828125px -551.171875px
}

.sprite-partly_sunny {
	background-position: -377.734375px -551.171875px
}

.sprite-passport_control {
	background-position: -406.640625px -551.171875px
}

.sprite-paw_prints {
	background-position: -435.546875px -551.171875px
}

.sprite-peach {
	background-position: -464.453125px -551.171875px
}

.sprite-pear {
	background-position: -493.359375px -551.171875px
}

.sprite-pencil {
	background-position: -522.265625px -551.171875px
}

.sprite-pencil2 {
	background-position: -551.171875px -551.171875px
}

.sprite-penguin {
	background-position: -580.078125px -551.171875px
}

.sprite-pensive {
	background-position: -608.984375px -551.171875px
}

.sprite-performing_arts {
	background-position: -637.890625px -551.171875px
}

.sprite-persevere {
	background-position: -666.796875px -551.171875px
}

.sprite-person_frowning {
	background-position: -695.703125px -551.171875px
}

.sprite-person_with_blond_hair {
	background-position: -724.609375px -551.171875px
}

.sprite-person_with_pouting_face {
	background-position: -753.515625px -551.171875px
}

.sprite-phone {
	background-position: -782.421875px -551.171875px
}

.sprite-pig {
	background-position: -811.328125px -551.171875px
}

.sprite-pig2 {
	background-position: -1.953125px -580.078125px
}

.sprite-pig_nose {
	background-position: -30.859375px -580.078125px
}

.sprite-pill {
	background-position: -59.765625px -580.078125px
}

.sprite-pineapple {
	background-position: -88.671875px -580.078125px
}

.sprite-pisces {
	background-position: -117.578125px -580.078125px
}

.sprite-pizza {
	background-position: -146.484375px -580.078125px
}

.sprite-plus1 {
	background-position: -175.390625px -580.078125px
}

.sprite-point_down {
	background-position: -204.296875px -580.078125px
}

.sprite-point_left {
	background-position: -233.203125px -580.078125px
}

.sprite-point_right {
	background-position: -262.109375px -580.078125px
}

.sprite-point_up {
	background-position: -291.015625px -580.078125px
}

.sprite-point_up_2 {
	background-position: -319.921875px -580.078125px
}

.sprite-police_car {
	background-position: -348.828125px -580.078125px
}

.sprite-poodle {
	background-position: -377.734375px -580.078125px
}

.sprite-poop {
	background-position: -406.640625px -580.078125px
}

.sprite-post_office {
	background-position: -435.546875px -580.078125px
}

.sprite-postal_horn {
	background-position: -464.453125px -580.078125px
}

.sprite-postbox {
	background-position: -493.359375px -580.078125px
}

.sprite-potable_water {
	background-position: -522.265625px -580.078125px
}

.sprite-pouch {
	background-position: -551.171875px -580.078125px
}

.sprite-poultry_leg {
	background-position: -580.078125px -580.078125px
}

.sprite-pound {
	background-position: -608.984375px -580.078125px
}

.sprite-pouting_cat {
	background-position: -637.890625px -580.078125px
}

.sprite-pray {
	background-position: -666.796875px -580.078125px
}

.sprite-princess {
	background-position: -695.703125px -580.078125px
}

.sprite-punch {
	background-position: -724.609375px -580.078125px
}

.sprite-purple_heart {
	background-position: -753.515625px -580.078125px
}

.sprite-purse {
	background-position: -782.421875px -580.078125px
}

.sprite-pushpin {
	background-position: -811.328125px -580.078125px
}

.sprite-put_litter_in_its_place {
	background-position: -1.953125px -608.984375px
}

.sprite-question {
	background-position: -30.859375px -608.984375px
}

.sprite-rabbit {
	background-position: -59.765625px -608.984375px
}

.sprite-rabbit2 {
	background-position: -88.671875px -608.984375px
}

.sprite-racehorse {
	background-position: -117.578125px -608.984375px
}

.sprite-radio {
	background-position: -146.484375px -608.984375px
}

.sprite-radio_button {
	background-position: -175.390625px -608.984375px
}

.sprite-rage {
	background-position: -204.296875px -608.984375px
}

.sprite-rage1 {
	background-position: -233.203125px -608.984375px
}

.sprite-rage2 {
	background-position: -262.109375px -608.984375px
}

.sprite-rage3 {
	background-position: -291.015625px -608.984375px
}

.sprite-rage4 {
	background-position: -319.921875px -608.984375px
}

.sprite-railway_car {
	background-position: -348.828125px -608.984375px
}

.sprite-rainbow {
	background-position: -377.734375px -608.984375px
}

.sprite-raised_hand {
	background-position: -406.640625px -608.984375px
}

.sprite-raised_hands {
	background-position: -435.546875px -608.984375px
}

.sprite-raising_hand {
	background-position: -464.453125px -608.984375px
}

.sprite-ram {
	background-position: -493.359375px -608.984375px
}

.sprite-ramen {
	background-position: -522.265625px -608.984375px
}

.sprite-rat {
	background-position: -551.171875px -608.984375px
}

.sprite-recycle {
	background-position: -580.078125px -608.984375px
}

.sprite-red_car {
	background-position: -608.984375px -608.984375px
}

.sprite-red_circle {
	background-position: -637.890625px -608.984375px
}

.sprite-refuse {
	background-position: -666.796875px -608.984375px
}

.sprite-registered {
	background-position: -695.703125px -608.984375px
}

.sprite-relaxed {
	background-position: -724.609375px -608.984375px
}

.sprite-relieved {
	background-position: -753.515625px -608.984375px
}

.sprite-repeat {
	background-position: -782.421875px -608.984375px
}

.sprite-repeat_one {
	background-position: -811.328125px -608.984375px
}

.sprite-restroom {
	background-position: -1.953125px -637.890625px
}

.sprite-revolving_hearts {
	background-position: -30.859375px -637.890625px
}

.sprite-rewind {
	background-position: -59.765625px -637.890625px
}

.sprite-ribbon {
	background-position: -88.671875px -637.890625px
}

.sprite-rice {
	background-position: -117.578125px -637.890625px
}

.sprite-rice_ball {
	background-position: -146.484375px -637.890625px
}

.sprite-rice_cracker {
	background-position: -175.390625px -637.890625px
}

.sprite-rice_scene {
	background-position: -204.296875px -637.890625px
}

.sprite-ring {
	background-position: -233.203125px -637.890625px
}

.sprite-rocket {
	background-position: -262.109375px -637.890625px
}

.sprite-roller_coaster {
	background-position: -291.015625px -637.890625px
}

.sprite-rooster {
	background-position: -319.921875px -637.890625px
}

.sprite-rose {
	background-position: -348.828125px -637.890625px
}

.sprite-rotating_light {
	background-position: -377.734375px -637.890625px
}

.sprite-round_pushpin {
	background-position: -406.640625px -637.890625px
}

.sprite-rowboat {
	background-position: -435.546875px -637.890625px
}

.sprite-ru {
	background-position: -464.453125px -637.890625px
}

.sprite-rugby_football {
	background-position: -493.359375px -637.890625px
}

.sprite-runner {
	background-position: -522.265625px -637.890625px
}

.sprite-running {
	background-position: -551.171875px -637.890625px
}

.sprite-running_shirt_with_sash {
	background-position: -580.078125px -637.890625px
}

.sprite-sa {
	background-position: -608.984375px -637.890625px
}

.sprite-sagittarius {
	background-position: -637.890625px -637.890625px
}

.sprite-sailboat {
	background-position: -666.796875px -637.890625px
}

.sprite-sake {
	background-position: -695.703125px -637.890625px
}

.sprite-sandal {
	background-position: -724.609375px -637.890625px
}

.sprite-santa {
	background-position: -753.515625px -637.890625px
}

.sprite-satellite {
	background-position: -782.421875px -637.890625px
}

.sprite-satisfied {
	background-position: -811.328125px -637.890625px
}

.sprite-saxophone {
	background-position: -1.953125px -666.796875px
}

.sprite-school {
	background-position: -30.859375px -666.796875px
}

.sprite-school_satchel {
	background-position: -59.765625px -666.796875px
}

.sprite-scissors {
	background-position: -88.671875px -666.796875px
}

.sprite-scorpius {
	background-position: -117.578125px -666.796875px
}

.sprite-scream {
	background-position: -146.484375px -666.796875px
}

.sprite-scream_cat {
	background-position: -175.390625px -666.796875px
}

.sprite-scroll {
	background-position: -204.296875px -666.796875px
}

.sprite-seat {
	background-position: -233.203125px -666.796875px
}

.sprite-secret {
	background-position: -262.109375px -666.796875px
}

.sprite-see_no_evil {
	background-position: -291.015625px -666.796875px
}

.sprite-seedling {
	background-position: -319.921875px -666.796875px
}

.sprite-seven {
	background-position: -348.828125px -666.796875px
}

.sprite-shaved_ice {
	background-position: -377.734375px -666.796875px
}

.sprite-sheep {
	background-position: -406.640625px -666.796875px
}

.sprite-shell {
	background-position: -435.546875px -666.796875px
}

.sprite-ship {
	background-position: -464.453125px -666.796875px
}

.sprite-shipit {
	background-position: -493.359375px -666.796875px
}

.sprite-shirt {
	background-position: -526.5625px -666.796875px
}

.sprite-shit {
	background-position: -555.46875px -666.796875px
}

.sprite-shoe {
	background-position: -584.375px -666.796875px
}

.sprite-shower {
	background-position: -613.28125px -666.796875px
}

.sprite-signal_strength {
	background-position: -642.1875px -666.796875px
}

.sprite-six {
	background-position: -671.09375px -666.796875px
}

.sprite-six_pointed_star {
	background-position: -700px -666.796875px
}

.sprite-ski {
	background-position: -728.90625px -666.796875px
}

.sprite-skull {
	background-position: -757.8125px -666.796875px
}

.sprite-sleeping {
	background-position: -786.71875px -666.796875px
}

.sprite-sleepy {
	background-position: -815.625px -666.796875px
}

.sprite-slot_machine {
	background-position: -1.953125px -695.703125px
}

.sprite-small_blue_diamond {
	background-position: -30.859375px -695.703125px
}

.sprite-small_orange_diamond {
	background-position: -59.765625px -695.703125px
}

.sprite-small_red_triangle {
	background-position: -88.671875px -695.703125px
}

.sprite-small_red_triangle_down {
	background-position: -117.578125px -695.703125px
}

.sprite-smile {
	background-position: -146.484375px -695.703125px
}

.sprite-smile_cat {
	background-position: -175.390625px -695.703125px
}

.sprite-smiley {
	background-position: -204.296875px -695.703125px
}

.sprite-smiley_cat {
	background-position: -233.203125px -695.703125px
}

.sprite-smiling_imp {
	background-position: -262.109375px -695.703125px
}

.sprite-smirk {
	background-position: -291.015625px -695.703125px
}

.sprite-smirk_cat {
	background-position: -319.921875px -695.703125px
}

.sprite-smoking {
	background-position: -348.828125px -695.703125px
}

.sprite-snail {
	background-position: -377.734375px -695.703125px
}

.sprite-snake {
	background-position: -406.640625px -695.703125px
}

.sprite-snowboarder {
	background-position: -435.546875px -695.703125px
}

.sprite-snowflake {
	background-position: -464.453125px -695.703125px
}

.sprite-snowman {
	background-position: -526.5625px -695.703125px
}

.sprite-sob {
	background-position: -555.46875px -695.703125px
}

.sprite-soccer {
	background-position: -584.375px -695.703125px
}

.sprite-soon {
	background-position: -613.28125px -695.703125px
}

.sprite-sos {
	background-position: -642.1875px -695.703125px
}

.sprite-sound {
	background-position: -671.09375px -695.703125px
}

.sprite-space_invader {
	background-position: -700px -695.703125px
}

.sprite-spades {
	background-position: -728.90625px -695.703125px
}

.sprite-spaghetti {
	background-position: -757.8125px -695.703125px
}

.sprite-sparkle {
	background-position: -786.71875px -695.703125px
}

.sprite-sparkler {
	background-position: -815.625px -695.703125px
}

.sprite-sparkles {
	background-position: -1.953125px -724.609375px
}

.sprite-sparkling_heart {
	background-position: -30.859375px -724.609375px
}

.sprite-speak_no_evil {
	background-position: -59.765625px -724.609375px
}

.sprite-speaker {
	background-position: -88.671875px -724.609375px
}

.sprite-speech_balloon {
	background-position: -117.578125px -724.609375px
}

.sprite-speedboat {
	background-position: -146.484375px -724.609375px
}

.sprite-squirrel {
	background-position: -175.390625px -724.609375px
}

.sprite-stackoverflow {
	background-position: -840.234375px -48.828125px
}

.sprite-star {
	background-position: -208.59375px -724.609375px
}

.sprite-star2 {
	background-position: -237.5px -724.609375px
}

.sprite-stars {
	background-position: -266.40625px -724.609375px
}

.sprite-station {
	background-position: -295.3125px -724.609375px
}

.sprite-statue_of_liberty {
	background-position: -324.21875px -724.609375px
}

.sprite-steam_locomotive {
	background-position: -353.125px -724.609375px
}

.sprite-stew {
	background-position: -382.03125px -724.609375px
}

.sprite-straight_ruler {
	background-position: -410.9375px -724.609375px
}

.sprite-strawberry {
	background-position: -439.84375px -724.609375px
}

.sprite-stuck_out_tongue {
	background-position: -468.75px -724.609375px
}

.sprite-stuck_out_tongue_closed_eyes {
	background-position: -497.65625px -724.609375px
}

.sprite-stuck_out_tongue_winking_eye {
	background-position: -526.5625px -724.609375px
}

.sprite-sun_with_face {
	background-position: -555.46875px -724.609375px
}

.sprite-sunflower {
	background-position: -584.375px -724.609375px
}

.sprite-sunglasses {
	background-position: -613.28125px -724.609375px
}

.sprite-sunny {
	background-position: -642.1875px -724.609375px
}

.sprite-sunrise {
	background-position: -671.09375px -724.609375px
}

.sprite-sunrise_over_mountains {
	background-position: -700px -724.609375px
}

.sprite-surfer {
	background-position: -728.90625px -724.609375px
}

.sprite-sushi {
	background-position: -757.8125px -724.609375px
}

.sprite-suspect {
	background-position: -786.71875px -724.609375px
}

.sprite-suspension_railway {
	background-position: -815.625px -724.609375px
}

.sprite-sweat {
	background-position: -1.953125px -753.515625px
}

.sprite-sweat_drops {
	background-position: -30.859375px -753.515625px
}

.sprite-sweat_smile {
	background-position: -59.765625px -753.515625px
}

.sprite-sweet_potato {
	background-position: -88.671875px -753.515625px
}

.sprite-swimmer {
	background-position: -117.578125px -753.515625px
}

.sprite-symbols {
	background-position: -146.484375px -753.515625px
}

.sprite-syringe {
	background-position: -208.59375px -753.515625px
}

.sprite-tada {
	background-position: -237.5px -753.515625px
}

.sprite-tanabata_tree {
	background-position: -266.40625px -753.515625px
}

.sprite-tangerine {
	background-position: -295.3125px -753.515625px
}

.sprite-taurus {
	background-position: -324.21875px -753.515625px
}

.sprite-taxi {
	background-position: -353.125px -753.515625px
}

.sprite-tea {
	background-position: -382.03125px -753.515625px
}

.sprite-telephone {
	background-position: -410.9375px -753.515625px
}

.sprite-telephone_receiver {
	background-position: -439.84375px -753.515625px
}

.sprite-telescope {
	background-position: -468.75px -753.515625px
}

.sprite-tennis {
	background-position: -497.65625px -753.515625px
}

.sprite-tent {
	background-position: -526.5625px -753.515625px
}

.sprite-thought_balloon {
	background-position: -555.46875px -753.515625px
}

.sprite-three {
	background-position: -584.375px -753.515625px
}

.sprite-thumbsdown {
	background-position: -613.28125px -753.515625px
}

.sprite-thumbsup {
	background-position: -642.1875px -753.515625px
}

.sprite-ticket {
	background-position: -671.09375px -753.515625px
}

.sprite-tiger {
	background-position: -700px -753.515625px
}

.sprite-tiger2 {
	background-position: -728.90625px -753.515625px
}

.sprite-tired_face {
	background-position: -757.8125px -753.515625px
}

.sprite-tm {
	background-position: -786.71875px -753.515625px
}

.sprite-toilet {
	background-position: -815.625px -753.515625px
}

.sprite-tokyo_tower {
	background-position: -1.953125px -782.421875px
}

.sprite-tomato {
	background-position: -30.859375px -782.421875px
}

.sprite-tongue {
	background-position: -59.765625px -782.421875px
}

.sprite-top {
	background-position: -88.671875px -782.421875px
}

.sprite-tophat {
	background-position: -117.578125px -782.421875px
}

.sprite-tractor {
	background-position: -146.484375px -782.421875px
}

.sprite-traffic_light {
	background-position: -175.390625px -782.421875px
}

.sprite-train {
	background-position: -204.296875px -782.421875px
}

.sprite-train2 {
	background-position: -233.203125px -782.421875px
}

.sprite-tram {
	background-position: -262.109375px -782.421875px
}

.sprite-triangular_flag_on_post {
	background-position: -291.015625px -782.421875px
}

.sprite-triangular_ruler {
	background-position: -319.921875px -782.421875px
}

.sprite-trident {
	background-position: -348.828125px -782.421875px
}

.sprite-triumph {
	background-position: -377.734375px -782.421875px
}

.sprite-trolleybus {
	background-position: -406.640625px -782.421875px
}

.sprite-trollface {
	background-position: -435.546875px -782.421875px
}

.sprite-trophy {
	background-position: -464.453125px -782.421875px
}

.sprite-tropical_drink {
	background-position: -493.359375px -782.421875px
}

.sprite-tropical_fish {
	background-position: -522.265625px -782.421875px
}

.sprite-truck {
	background-position: -551.171875px -782.421875px
}

.sprite-trumpet {
	background-position: -580.078125px -782.421875px
}

.sprite-tshirt {
	background-position: -608.984375px -782.421875px
}

.sprite-tulip {
	background-position: -637.890625px -782.421875px
}

.sprite-tumblr {
	background-position: -840.234375px -64.453125px
}

.sprite-turtle {
	background-position: -666.796875px -782.421875px
}

.sprite-tv {
	background-position: -695.703125px -782.421875px
}

.sprite-twisted_rightwards_arrows {
	background-position: -724.609375px -782.421875px
}

.sprite-twitter {
	background-position: -840.234375px -80.078125px
}

.sprite-two {
	background-position: -753.515625px -782.421875px
}

.sprite-two_hearts {
	background-position: -782.421875px -782.421875px
}

.sprite-two_men_holding_hands {
	background-position: -811.328125px -782.421875px
}

.sprite-two_women_holding_hands {
	background-position: -1.953125px -811.328125px
}

.sprite-u5272 {
	background-position: -30.859375px -811.328125px
}

.sprite-u5408 {
	background-position: -59.765625px -811.328125px
}

.sprite-u55b6 {
	background-position: -88.671875px -811.328125px
}

.sprite-u6307 {
	background-position: -117.578125px -811.328125px
}

.sprite-u6708 {
	background-position: -146.484375px -811.328125px
}

.sprite-u6709 {
	background-position: -175.390625px -811.328125px
}

.sprite-u6e80 {
	background-position: -204.296875px -811.328125px
}

.sprite-u7121 {
	background-position: -233.203125px -811.328125px
}

.sprite-u7533 {
	background-position: -262.109375px -811.328125px
}

.sprite-u7981 {
	background-position: -291.015625px -811.328125px
}

.sprite-u7a7a {
	background-position: -319.921875px -811.328125px
}

.sprite-uk {
	background-position: -348.828125px -811.328125px
}

.sprite-umbrella {
	background-position: -377.734375px -811.328125px
}

.sprite-unamused {
	background-position: -406.640625px -811.328125px
}

.sprite-underage {
	background-position: -435.546875px -811.328125px
}

.sprite-unlock {
	background-position: -464.453125px -811.328125px
}

.sprite-up {
	background-position: -493.359375px -811.328125px
}

.sprite-us {
	background-position: -522.265625px -811.328125px
}

.sprite-v {
	background-position: -551.171875px -811.328125px
}

.sprite-vertical_traffic_light {
	background-position: -580.078125px -811.328125px
}

.sprite-vhs {
	background-position: -608.984375px -811.328125px
}

.sprite-vibration_mode {
	background-position: -637.890625px -811.328125px
}

.sprite-video_camera {
	background-position: -666.796875px -811.328125px
}

.sprite-video_game {
	background-position: -695.703125px -811.328125px
}

.sprite-violin {
	background-position: -724.609375px -811.328125px
}

.sprite-virgo {
	background-position: -753.515625px -811.328125px
}

.sprite-volcano {
	background-position: -782.421875px -811.328125px
}

.sprite-vs {
	background-position: -811.328125px -811.328125px
}

.sprite-walking {
	background-position: -855.859375px -1.953125px
}

.sprite-waning_crescent_moon {
	background-position: -855.859375px -30.859375px
}

.sprite-waning_gibbous_moon {
	background-position: -855.859375px -59.765625px
}

.sprite-warning {
	background-position: -855.859375px -88.671875px
}

.sprite-watch {
	background-position: -840.234375px -117.578125px
}

.sprite-water_buffalo {
	background-position: -840.234375px -146.484375px
}

.sprite-watermelon {
	background-position: -840.234375px -175.390625px
}

.sprite-wave {
	background-position: -840.234375px -204.296875px
}

.sprite-wavy_dash {
	background-position: -840.234375px -233.203125px
}

.sprite-waxing_crescent_moon {
	background-position: -840.234375px -262.109375px
}

.sprite-waxing_gibbous_moon {
	background-position: -840.234375px -291.015625px
}

.sprite-wc {
	background-position: -840.234375px -319.921875px
}

.sprite-weary {
	background-position: -840.234375px -348.828125px
}

.sprite-wedding {
	background-position: -840.234375px -377.734375px
}

.sprite-whale {
	background-position: -840.234375px -406.640625px
}

.sprite-whale2 {
	background-position: -840.234375px -435.546875px
}

.sprite-wheelchair {
	background-position: -840.234375px -464.453125px
}

.sprite-white_check_mark {
	background-position: -840.234375px -493.359375px
}

.sprite-white_circle {
	background-position: -840.234375px -522.265625px
}

.sprite-white_flower {
	background-position: -840.234375px -551.171875px
}

.sprite-white_large_square {
	background-position: -840.234375px -580.078125px
}

.sprite-white_medium_small_square {
	background-position: -840.234375px -608.984375px
}

.sprite-white_medium_square {
	background-position: -840.234375px -637.890625px
}

.sprite-white_small_square {
	background-position: -844.53125px -666.796875px
}

.sprite-white_square_button {
	background-position: -844.53125px -695.703125px
}

.sprite-wind_chime {
	background-position: -844.53125px -724.609375px
}

.sprite-wine_glass {
	background-position: -844.53125px -753.515625px
}

.sprite-wink {
	background-position: -840.234375px -782.421875px
}

.sprite-wolf {
	background-position: -840.234375px -811.328125px
}

.sprite-woman {
	background-position: -1.953125px -840.234375px
}

.sprite-womans_clothes {
	background-position: -30.859375px -840.234375px
}

.sprite-womans_hat {
	background-position: -59.765625px -840.234375px
}

.sprite-womens {
	background-position: -88.671875px -840.234375px
}

.sprite-worried {
	background-position: -117.578125px -840.234375px
}

.sprite-wrench {
	background-position: -146.484375px -840.234375px
}

.sprite-x {
	background-position: -175.390625px -840.234375px
}

.sprite-yellow_heart {
	background-position: -204.296875px -840.234375px
}

.sprite-yen {
	background-position: -233.203125px -840.234375px
}

.sprite-yum {
	background-position: -262.109375px -840.234375px
}

.sprite-zap {
	background-position: -291.015625px -840.234375px
}

.sprite-zero {
	background-position: -319.921875px -840.234375px
}

.sprite-zzz {
	background-position: -348.828125px -840.234375px
}

.emoji-wysiwyg-editor {
	display: none;
	width: 100%;
	height: 70px;
	border: none;
	padding: 3px 15px 0;
	font-size: 13px;
	font-family: Helvetica, arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	text-align: left;
	outline: none
}

.emoji-wysiwyg-editor img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: -3px 0 0
}

.dynamicMainWarp .emoji-wysiwyg-editor {
	padding: 10px 15px 0
}

.emoji-menu {
	position: absolute;
	z-index: 999;
	width: 380px;
	margin-left: -20px;
	padding: 0;
	box-sizing: border-box
}

.emoji-menu ul.nav-control {
	overflow: hidden
}

.emoji-menu ul.nav-control li {
	float: left;
	line-height: 36px!important;
	font-size: .75rem;
	color: #666;
	width: 20%!important;
	text-align: center!important;
	position: relative
}

.emoji-menu ul.nav-control li.active:after {
	position: absolute;
	content: '';
	width: 100%;
	bottom: 0;
	left: 0;
	background: #0689dd;
	height: 1px
}

.emoji-menu ul.nav-view {
	position: relative;
	height: 140px;
	overflow: auto
}

.emoji-menu ul.nav-view>div {
	position: absolute;
	left: 0;
	display: none;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.emoji-menu ul.nav-view>div.active {
	z-index: 100;
	display: block;
	opacity: 1;
	padding: 6px
}

.emoji-menu>div {
	max-height: 200px;
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}

.emoji-menu img,
.emoji-menu span,
.lazy-emoji {
	width: 25px;
	height: 25px;
	display: inline-block;
	border: 0 none
}

.emoji-menu span {
	display: inline-block
}

.emoji-menu a {
	border: 1px solid #fff;
	padding: 3px;
	display: block;
	float: left;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out
}

.emoji-menu a:hover {
	background-color: #d8d8d8;
	border-color: #d8d8d8
}

.emoji-menu:after {
	content: ' ';
	display: block;
	clear: left
}

.emoji-menu a .label {
	display: none
}

.toolbox-drop-file-tip:before {
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s
}

.toolbox-drop-file-tip.drop-file-enter:before {
	content: attr(data-toolbox-tip);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #f9f9f9;
	z-index: 4;
	color: #565656;
	line-height: 6;
	text-align: center;
	font-size: 20px
}

.doc-check-component .check-body {
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 2px;
	width: 100%;
	margin-bottom: 30px;
	position: relative
}

.doc-check-component .check-body .body-area {
	min-height: 500px
}

.doc-check-component .check-body .body-area .unselection-attach-more {
	display: none!important
}

.doc-check-component .check-body .more-info .file-list {
	padding: 20px 50px
}

.doc-check-component .check-body .bottom-area {
	border-top: 1px solid rgba(0, 0, 0, .09);
	background: #f7f7f7;
	padding: 20px 80px;
	border-radius: 0 0 2px 2px
}

.doc-check-component .check-body .not-found-tip {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	text-align: center;
	display: none
}

.doc-check-component .check-body.doc-check-not-found .bottom-area,
.doc-check-component .check-body.doc-check-not-found .more-info {
	display: none
}

.doc-check-component .check-body.doc-check-not-found .not-found-tip {
	display: block
}

.doc-check-component.doc-check-type-a .check-body {
	margin-top: 17px
}

.doc-check-component .rui-comment-ui:before {
	background-color: #fff
}

.doc-check-header {
	padding-top: 11px;
	padding-bottom: 11px;
	overflow: hidden;
	z-index: 1
}

.doc-check-header.sticky {
	position: absolute
}

.doc-check-header.reverse {
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	padding-left: 12px;
	padding-right: 12px
}

.doc-check-header .back {
	margin-right: 15px
}

.doc-check-header .btn-right-list {
	display: block
}

.doc-check-header .btn-right-list .btn {
	margin-right: 15px
}

.doc-check-header .btn-right-list .btn:last-child {
	margin-right: 0
}

.doc-check-header .arrow-btn {
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	background: #ddd;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.doc-check-header .arrow-btn.disabled {
	cursor: not-allowed
}

.doc-check-header .arrow-btn.disabled:hover {
	opacity: 1
}

.doc-check-header .arrow-btn.next {
	margin-left: 10px
}

.doc-check-header .arrow-btn:hover {
	opacity: .6
}

.doc-check-header.doc-check-not-found .btn-left-list,
.doc-check-header.doc-check-not-found .btn-right-list {
	display: none
}

.doc-check-type-b .check-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 2px 3px 0 hsla(0, 0%, 63%, .18)
}

.doc-check-type-b .check-body .title-area {
	padding-top: 0
}

.doc-check-type-b .check-body .bottom-area {
	padding: 20px 30px
}

.doc-check-header.doc-check-header-type-b {
	background: #fff;
	padding-left: 12px;
	padding-right: 12px;
	box-shadow: 0 1px 3px 0 hsla(0, 0%, 63%, .18)
}

.doc-date-banner {
	cursor: pointer;
	display: inline-block
}

.doc-date-banner.disable-date-select {
	cursor: default
}

.doc-date-banner p {
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1
}

.doc-date-banner .doc-date-banner-left {
	margin-right: 5px
}

.doc-date-banner .doc-date-banner-right-top {
	margin-top: 5px
}

.doc-date-banner .doc-date-banner-right-bottom {
	line-height: 1.15
}

.doc-date-banner .doc-date-banner-right {
	line-height: 3.7
}

.doc-date-banner .doc-date-banner-right-wrapper {
	text-align: right
}

.doc-date-banner .doc-date-banner-set-date,
.doc-date-banner.show-set-date .doc-date-banner-date {
	display: none
}

.doc-date-banner.show-set-date .doc-date-banner-set-date {
	display: block
}

.r-permission-panel {
	padding: 20px
}

.r-permission-panel.hasAppendEl {
	width: 306px
}

.r-permission-panel .banner {
	line-height: 28px;
	margin-top: 9px
}

.r-permission-panel .banner:first-child {
	margin-top: 0
}

.r-permission-panel .banner h6 {
	line-height: inherit;
	display: inline-block;
	margin-bottom: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.r-permission-panel .banner i.arrow-1 {
	font-size: 19px;
	position: relative;
	top: 3px
}

.r-permission-panel .banner .permission {
	cursor: pointer
}

.r-permission-panel .banner .permission.disabled {
	opacity: .2;
	cursor: default
}

.r-permission-panel .memberWarp {
	width: 100%;
	zoom: 1;
	max-height: 85px;
	min-height: 57px
}

.r-permission-panel .memberWarp h6 {
	display: block
}

.r-permission-panel .memberWarp .member {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 28px;
	float: left;
	max-width: calc(100% - 33px);
	overflow-x: auto;
	overflow-y: hidden
}

.r-permission-panel .memberWarp .member li {
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 5px
}

.r-permission-panel .memberWarp .member li img {
	width: 100%;
	height: 100%;
	border-radius: 2px
}

.r-permission-panel .memberWarp .addWarp {
	width: 28px;
	height: 28px
}

.r-permission-panel .memberWarp .addWarp .add {
	position: relative;
	top: 0;
	margin: 1px;
	font-size: 28px;
	line-height: 28px;
	float: left;
	color: #bbd1dc;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	cursor: pointer
}

.r-permission-panel .memberWarp .addWarp .add:not(.disabled):hover {
	color: #238bdf
}

.r-permission-panel .memberWarp .addWarp .add.disabled {
	opacity: .2;
	cursor: default
}

.rui-comment-ui {
	background: #fff;
	border-radius: 2px;
	padding: 18px 10px 9px 17px;
	position: relative
}

.rui-comment-ui .disable-comment-info {
	display: none
}

.rui-comment-ui.disable-comment .disable-comment-info {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	text-align: center;
	line-height: 120px
}

.rui-comment-ui .comment-edit-box {
	height: 55px;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 10px;
	line-height: 20px
}

.rui-comment-ui .comment-bottom {
	height: 29px
}

.rui-comment-ui .comment-bottom .comment-tool {
	height: 100%;
	float: left
}

.rui-comment-ui .comment-bottom .comment-tool>li {
	float: left;
	width: 48px;
	text-align: left;
	line-height: 25px
}

.rui-comment-ui .comment-bottom .comment-tool>li:first-child {
	line-height: 38px
}

.rui-comment-ui .comment-bottom .comment-tool>li:last-child {
	line-height: 40px
}

.rui-comment-ui .comment-bottom .comment-tool>li>i {
	font-size: .75rem;
	color: rgba(0, 0, 0, .26);
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.rui-comment-ui .comment-bottom .comment-tool>li>i.uploadIcon {
	font-size: 26px;
	position: relative
}

.rui-comment-ui .comment-bottom .comment-tool>li>i.at {
	font-size: 22px;
	position: relative;
	top: 3px
}

.rui-comment-ui .comment-bottom .comment-tool>li>i.emoji {
	font-size: 22px
}

.rui-comment-ui .comment-bottom .comment-operate {
	float: right
}

.rui-trend {
	position: relative
}

.rui-trend .rui-trend-header {
	height: 48px
}

.rui-trend .rui-trend-header i,
.rui-trend .rui-trend-header span {
	line-height: 45px;
	display: inline-block
}

.rui-trend .rui-trend-header .icon-layers {
	font-size: 20px;
	color: #0689dd;
	margin: 0 15px;
	margin-left: 0
}

.rui-trend .rui-trend-header span {
	vertical-align: top
}

.rui-trend .rui-trend-comments {
	min-height: 300px;
	width: 100%
}

.rui-trend .rui-trend-comments .noneDynamicTip {
	font-size: 12px;
	color: #777;
	line-height: 145px;
	text-align: center
}

.rui-trend .rui-trend-comments .rui-trend-comments-container {
	width: 100%;
	padding: 7px 0 20px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .action,
.rui-trend .rui-trend-comments .rui-trend-comments-container .comment {
	margin-top: 18px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .action:first-child,
.rui-trend .rui-trend-comments .rui-trend-comments-container .comment:first-child {
	margin-top: 0
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .rui-trend-comment-item {
	min-height: 20px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .left {
	width: 52px;
	float: left;
	zoom: 1
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .left img {
	border-radius: 2px;
	width: 32px;
	height: 32px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right {
	width: calc(100% - 52px);
	float: left
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top {
	font-size: .75rem;
	color: #666
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .date {
	float: right
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate {
	display: none;
	float: right;
	-webkit-transition: all .3s;
	transition: all .3s
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .delete,
.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .reply {
	cursor: pointer
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .delete:hover,
.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .reply:hover {
	font-size: .75rem;
	color: rgba(0, 0, 0, .66)
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .bottom {
	margin-top: 5px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .bottom .content {
	width: 100%;
	line-height: 25px;
	font-size: .75rem;
	color: rgba(0, 0, 0, .66)
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment.enable-operate:hover .right .top .date {
	display: none
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .comment.enable-operate:hover .right .top .operate {
	display: inline-block
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul {
	line-height: 28px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul .icon {
	width: 30px;
	font-size: 17px;
	text-align: center;
	float: left
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul .content {
	font-size: .75rem;
	color: #666;
	line-height: 28px;
	float: left;
	margin-left: 10px
}

.rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul .date {
	font-size: .75rem;
	color: #666;
	float: right
}

.rui-trend .rui-trend-comment-switch {
	position: absolute;
	bottom: 0;
	width: 210px;
	height: 50px;
	right: 0;
	padding-left: 25px
}

.rui-trend .rui-trend-comment-switch .fileOrComment {
	display: none;
	float: right;
	background: rgba(0, 0, 0, .3);
	border-radius: 3px;
	color: #fff;
	height: 29px;
	margin-top: 10px
}

.rui-trend .rui-trend-comment-switch .fileOrComment .check {
	float: none;
	top: -3px
}

.rui-trend .rui-trend-comment-switch .fileOrComment .checkTail {
	background: #b1b1b1;
	top: -1px;
	left: 12px;
	width: 5px;
	height: 6px
}

.rui-trend .rui-trend-comment-switch .fileOrComment .diyCheckbox .blank {
	line-height: 26px;
	display: inline-block;
	vertical-align: sub;
	color: #fff
}

.rui-trend .rui-trend-comment-switch .fileOrComment .diyCheckbox .check {
	color: #fff
}

.rui-trend .rui-trend-comment-switch .fileOrComment>span {
	padding: 7px 9px 5px;
	line-height: 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.rui-trend .rui-trend-comment-switch .fileOrComment span+span {
	border-left: 1px solid #fff
}

.rui-trend .rui-trend-comment-switch:hover .fileOrComment {
	display: block
}

.rui-file-item {
	width: 100%;
	height: 48px;
	padding: 5px 15px 6px 8px;
	background: #f6f7fb;
	border: 1px solid rgba(0, 0, 0, .03);
	border-radius: 2px;
	margin: 10px 0
}

.rui-file-item .rui-file-item-wrap {
	width: 100%;
	height: 100%;
	background: inherit
}

.rui-file-item .rui-file-item-wrap .hand {
	cursor: pointer
}

.rui-file-item .rui-file-item-wrap .file-img {
	width: 28px;
	height: 36px;
	position: relative;
	overflow: hidden
}

.rui-file-item .rui-file-item-wrap .file-img img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.rui-file-item .rui-file-item-wrap li {
	float: left;
	height: 100%
}

.rui-file-item .rui-file-item-wrap .file-content {
	width: calc(100% - 28px - 140px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 36px
}

.rui-file-item .rui-file-item-wrap .file-content span {
	margin-left: 12px
}

.rui-file-item .rui-file-item-wrap .operate {
	width: 140px;
	line-height: 36px
}

.rui-file-item .rui-file-item-wrap .operate .file-size {
	font-size: .75rem;
	color: #cacaca;
	float: left
}

.rui-file-item .rui-file-item-wrap .operate .link {
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #0096f6;
	float: right;
	cursor: pointer
}

.rui-file-item .rui-file-item-wrap .operate .download+.preview {
	margin-right: 10px
}

.rui-file-item.rui-file-item-more {
	padding: 0;
	padding-right: 4px;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	height: 59px;
	margin-bottom: 10px
}

.rui-file-item.rui-file-item-more.isDragging {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
	border: 1px solid rgba(0, 0, 0, .05);
	background: #f6f7fb
}

.rui-file-item.rui-file-item-more.isDragging .upload-time {
	display: none
}

.rui-file-item.rui-file-item-more.hoverFolder {
	background: rgba(246, 247, 251, .5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.rui-file-item.rui-file-item-more span {
	display: inline-block
}

.rui-file-item.rui-file-item-more>a,
.rui-file-item.rui-file-item-more>span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.rui-file-item.rui-file-item-more .caption {
	display: inline
}

.rui-file-item.rui-file-item-more .caption .file-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block
}

.rui-file-item.rui-file-item-more .caption:hover {
	font-size: .75rem;
	color: #666;
	cursor: default
}

.rui-file-item.rui-file-item-more .caption+.renameBox {
	display: none;
	float: left
}

.rui-file-item.rui-file-item-more .caption+.renameBox .edit-input {
	float: left;
	width: 230px;
	margin-top: 14px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	padding: 5px;
	height: 31px
}

.rui-file-item.rui-file-item-more .caption+.renameBox .save {
	margin-top: 16px;
	margin-left: 10px
}

.rui-file-item.rui-file-item-more i.file-img {
	display: inline-block;
	width: 28px;
	height: 36px;
	margin-top: 12px;
	vertical-align: bottom;
	margin: 12px 20px 0 12px;
	float: left;
	position: relative;
	overflow: hidden
}

.rui-file-item.rui-file-item-more i.file-img img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.rui-file-item.rui-file-item-more i.file-type {
	width: 46px;
	height: 32px;
	float: left;
	margin: 10px 6.25% 0 5px;
	background: url(https://res-front-cdn.timetask.cn/release/images/sprite.ec172d1ffd.png);
	background-position: -54px -7px;
	vertical-align: middle
}

.rui-file-item.rui-file-item-more a:hover {
	text-decoration: none
}

.rui-file-item.rui-file-item-more a.file-title {
	max-width: calc(100% - 254px);
	margin-top: 20px
}

.rui-file-item.rui-file-item-more span.file-weight {
	width: 14%;
	max-width: 20%
}

.rui-file-item.rui-file-item-more span.author {
	width: 10%;
	max-width: 17%
}

.rui-file-item.rui-file-item-more .author,
.rui-file-item.rui-file-item-more .file-weight,
.rui-file-item.rui-file-item-more .upload-time {
	float: right;
	margin-top: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center
}

.rui-file-item.rui-file-item-more .upload-time {
	width: 123px;
	margin-right: 0;
	text-align: right
}

.rui-file-item.rui-file-item-more .operate {
	display: none;
	float: right;
	padding-left: 33px;
	position: relative
}

.rui-file-item.rui-file-item-more .operate a.download {
	margin-left: 10px
}

.rui-file-item.rui-file-item-more .operate .more {
	padding-left: 7px;
	display: inline-block
}

.rui-file-item.rui-file-item-more .operate .more:hover .dropdown-menu {
	display: block
}

.rui-file-item.rui-file-item-more .operate .more,
.rui-file-item.rui-file-item-more .operate .preview {
	position: relative;
	font-size: 18px;
	cursor: pointer
}

.rui-file-item.rui-file-item-more .operate [class^=icon] {
	color: #0689dd
}

.rui-file-item.rui-file-item-more .operate .dropdown-menu {
	min-width: 130px;
	margin-left: -96px;
	margin-top: -2px;
	font-size: 12px
}

.rui-file-item.rui-file-item-more:hover .operate {
	display: block
}

.rui-file-item.rui-file-item-more a>i {
	width: 24px;
	height: 60px;
	line-height: 58px
}

.rui-file-item.rui-file-item-more i[class^=icon] {
	font-size: 24px;
	color: #0689dd
}

.rui-file-upload-item {
	position: relative;
	margin: 0 auto 10px;
	width: 100%;
	height: 41px;
	background: #f9f9f9;
	cursor: default
}

.rui-file-upload-item .cancel {
	display: none;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 15px;
	cursor: pointer;
	color: #a6a6a6
}

.rui-file-upload-item .cancel:hover {
	color: #000
}

.rui-file-upload-item .up_process_c {
	position: relative;
	float: left;
	height: 41px;
	width: 41px;
	background: #747474
}

.rui-file-upload-item .up_process_c .ico {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	background: url(https://res-front-cdn.timetask.cn/release/images/up_b.bad23124d9.png);
	z-index: 1
}

.rui-file-upload-item .up_process_c .process {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	background: #6bcbf8
}

.rui-file-upload-item .up_process_c .process_shadow {
	box-shadow: 0 -3px 2px 0 #6bcbf8;
	-webkit-box-shadow: 0 -3px 2px 0 #6bcbf8;
	-moz-box-shadow: 0 -3px 2px 0 #6bcbf8
}

.rui-file-upload-item .up_info {
	position: absolute;
	left: 41px;
	right: 41px;
	bottom: 0;
	top: 0;
	padding: 13px 15px;
	text-align: left
}

.rui-file-upload-item .up_info .f_name_s {
	display: block;
	float: left;
	width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-size: 13px;
	line-height: 15px
}

.rui-file-upload-item .up_info .f_error {
	display: none;
	float: right;
	font-size: 13px
}

.rui-file-upload-item .toTransition {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

@-webkit-keyframes itemFocus {
	0% {
		box-shadow: 0 0 13px 2px #fff;
		-webkit-box-shadow: 0 0 13px 2px #fff;
		-moz-box-shadow: 0 0 13px 2px #fff
	}
	25% {
		box-shadow: 0 0 13px 2px #ecc8da;
		-webkit-box-shadow: 0 0 13px 2px #ecc8da;
		-moz-box-shadow: 0 0 13px 2px #ecc8da
	}
	50% {
		box-shadow: 0 0 13px 2px #ea97c0;
		-webkit-box-shadow: 0 0 13px 2px #ea97c0;
		-moz-box-shadow: 0 0 13px 2px #ea97c0
	}
	75% {
		box-shadow: 0 0 13px 2px #ecc8da;
		-webkit-box-shadow: 0 0 13px 2px #ecc8da;
		-moz-box-shadow: 0 0 13px 2px #ecc8da
	}
	to {
		box-shadow: 0 0 13px 2px #fff;
		-webkit-box-shadow: 0 0 13px 2px #fff;
		-moz-box-shadow: 0 0 13px 2px #fff
	}
}

.rui-file-upload-item.finish .cancel {
	display: block
}

.rui-file-upload-item.finish .up_process_c .process {
	background: #4774b7
}

.rui-file-upload-item.finish .up_process_c .process_shadow {
	box-shadow: 0 0 0 0 #4774b7;
	-webkit-box-shadow: 0 0 0 0 #4774b7;
	-moz-box-shadow: 0 0 0 0 #4774b7
}

.rui-file-upload-item.error .cancel {
	display: block
}

.rui-file-upload-item.error .up_info .f_error {
	display: inline
}

.rui-file-upload-item.error .up_process_c .process_shadow {
	box-shadow: 0 0 0 0 #4774b7;
	-webkit-box-shadow: 0 0 0 0 #4774b7;
	-moz-box-shadow: 0 0 0 0 #4774b7
}

.cropper-container {
	position: relative;
	font-size: 0;
	line-height: 0;
	direction: ltr!important;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.cropper-container img {
	display: block;
	image-orientation: 0deg!important;
	min-width: 0!important;
	min-height: 0!important;
	max-width: none!important;
	max-height: none!important;
	width: 100%;
	height: 100%
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.cropper-wrap-box {
	overflow: hidden
}

.cropper-drag-box {
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity=0)
}

.cropper-modal {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50)
}

.cropper-view-box {
	display: block;
	overflow: hidden;
	outline: 1px solid #39f;
	outline-color: rgba(51, 153, 255, .75);
	width: 100%;
	height: 100%
}

.cropper-dashed {
	position: absolute;
	display: block;
	border: 0 dashed #eee;
	opacity: .5;
	filter: alpha(opacity=50)
}

.cropper-dashed.dashed-h {
	top: 33.33333%;
	left: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	width: 100%;
	height: 33.33333%
}

.cropper-dashed.dashed-v {
	top: 0;
	left: 33.33333%;
	border-right-width: 1px;
	border-left-width: 1px;
	width: 33.33333%;
	height: 100%
}

.cropper-center {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	opacity: .75;
	filter: alpha(opacity=75)
}

.cropper-center:after,
.cropper-center:before {
	position: absolute;
	display: block;
	background-color: #eee;
	content: " "
}

.cropper-center:before {
	top: 0;
	left: -3px;
	width: 7px;
	height: 1px
}

.cropper-center:after {
	top: -3px;
	left: 0;
	width: 1px;
	height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: .1;
	filter: alpha(opacity=10)
}

.cropper-face {
	top: 0;
	left: 0;
	background-color: #fff
}

.cropper-line {
	background-color: #39f
}

.cropper-line.line-e {
	top: 0;
	right: -3px;
	width: 5px;
	cursor: e-resize
}

.cropper-line.line-n {
	top: -3px;
	left: 0;
	height: 5px;
	cursor: n-resize
}

.cropper-line.line-w {
	top: 0;
	left: -3px;
	width: 5px;
	cursor: w-resize
}

.cropper-line.line-s {
	bottom: -3px;
	left: 0;
	height: 5px;
	cursor: s-resize
}

.cropper-point {
	background-color: #39f;
	width: 5px;
	height: 5px;
	opacity: .75;
	filter: alpha(opacity=75)
}

.cropper-point.point-e {
	top: 50%;
	right: -3px;
	margin-top: -3px;
	cursor: e-resize
}

.cropper-point.point-n {
	top: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: n-resize
}

.cropper-point.point-w {
	top: 50%;
	left: -3px;
	margin-top: -3px;
	cursor: w-resize
}

.cropper-point.point-s {
	bottom: -3px;
	left: 50%;
	margin-left: -3px;
	cursor: s-resize
}

.cropper-point.point-ne {
	top: -3px;
	right: -3px;
	cursor: ne-resize
}

.cropper-point.point-nw {
	top: -3px;
	left: -3px;
	cursor: nw-resize
}

.cropper-point.point-sw {
	bottom: -3px;
	left: -3px;
	cursor: sw-resize
}

.cropper-point.point-se {
	right: -3px;
	bottom: -3px;
	cursor: se-resize;
	width: 20px;
	height: 20px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.cropper-point.point-se:before {
	position: absolute;
	right: -50%;
	bottom: -50%;
	display: block;
	content: " ";
	background-color: #39f;
	width: 200%;
	height: 200%;
	opacity: 0;
	filter: alpha(opacity=0)
}

@media (min-width:768px) {
	.cropper-point.point-se {
		width: 15px;
		height: 15px
	}
}

@media (min-width:992px) {
	.cropper-point.point-se {
		width: 10px;
		height: 10px
	}
}

@media (min-width:1200px) {
	.cropper-point.point-se {
		width: 5px;
		height: 5px;
		opacity: .75;
		filter: alpha(opacity=75)
	}
}

.cropper-invisible {
	opacity: 0;
	filter: alpha(opacity=0)
}

.cropper-bg {
	background-image: url("")
}

.cropper-hide {
	position: absolute;
	display: block;
	width: 0;
	height: 0
}

.cropper-hidden {
	display: none!important
}

.cropper-move {
	cursor: move
}

.cropper-crop {
	cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
	cursor: not-allowed
}

.rui-month-selector {
	width: 70px;
	overflow: hidden
}

.rui-month-selector .month-selector-ul {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 20px;
	width: 70px;
	box-sizing: content-box
}

.rui-month-selector .month-selector-ul .month-selector-custom-btn>span {
	padding: 10px 8px
}

.rui-month-selector .month-selector-ul>li {
	cursor: pointer;
	position: relative;
	width: 70px;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.rui-month-selector .month-selector-ul>li .divider-year {
	display: inline-block;
	line-height: 1;
	top: -.5em;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0
}

.rui-month-selector .month-selector-ul>li .divider-year .year {
	background: #fff;
	display: inline-block;
	width: 40px
}

.rui-month-selector .month-selector-ul>li .icon-check {
	display: none;
	position: absolute;
	right: 0;
	top: 13px
}

.rui-month-selector .month-selector-ul>li span {
	width: auto
}

.rui-month-selector .month-selector-ul>li.selected .icon-check {
	display: block
}

.rui-month-selector .month-selector-ul>li.disabled {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .5
}

.rui-month-selector .month-selector-ul>li.disabled .dropdown-item {
	color: inherit;
	background-color: inherit;
	cursor: default
}

#rsq_tipBox.blueStyle {
	max-width: 12rem;
	max-height: 16rem;
	padding: 1.25rem 1rem;
	border-radius: 2px;
	overflow: hidden;
	background: #0083d7;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

#rsq_tipBox.blueStyle section {
	margin-top: .75rem;
	overflow: hidden;
	max-height: 11.5rem
}

#rsq_tipBox.v2maStyle {
	padding: .75rem;
	border-radius: 2px;
	overflow: hidden;
	background: #0083d7
}

#rsq_tipBox.v2maStyle img {
	width: 10rem;
	height: 10rem
}

.littleSelect li {
	cursor: default;
	padding: 0 1.375rem;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	color: #617a8b
}

.littleSelect li:hover {
	background: #f5f5f5
}

.littleSelect2 {
	border-radius: 2px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	width: 11.75rem;
	background: #fff
}

.littleSelect2 li {
	cursor: default;
	padding: 0 1.375rem;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	color: #617a8b
}

.littleSelect2 li:hover {
	background: #f5f5f5
}

.labelPicker {
	width: 13.75rem;
	height: 20rem;
	background: #fff;
	border-radius: 4px;
	position: relative
}

.labelPicker.edit-disable .labelItem:hover i.icon-create {
	display: none!important
}

.labelPicker header {
	width: 100%;
	height: 2.875rem;
	border-bottom: 1px solid #f4f4f4
}

.labelPicker header ul.bigTab {
	width: 100%;
	height: 100%
}

.labelPicker header ul.bigTab li {
	width: 109px;
	height: 24px;
	line-height: 24px;
	color: #a3a3a3;
	font-size: .875rem;
	float: left;
	margin-top: 13px;
	text-align: center;
	cursor: pointer
}

.labelPicker header ul.bigTab li.tabCreate {
	border-left: 1px solid #f0f0f0
}

.labelPicker header ul.bigTab li.active {
	color: #1ba4ff
}

.labelPicker header div.editLabel {
	display: none;
	position: relative;
	width: 100%;
	height: 2.875rem;
	line-height: 2.875rem;
	text-align: center
}

.labelPicker header div.editLabel i {
	color: rgba(0, 0, 0, .34);
	font-size: 1.5rem;
	top: .625rem;
	cursor: pointer;
	position: absolute
}

.labelPicker header div.editLabel i.icon-trash2 {
	right: .75rem
}

.labelPicker header div.editLabel i.icon-arrow_back {
	left: 1rem
}

.labelPicker header div.editLabel i:hover {
	color: rgba(0, 0, 0, .6)
}

.labelPicker .labelView {
	position: relative;
	height: 274px
}

.labelPicker .labelView .searchBox {
	width: 100%;
	height: 35px;
	border-bottom: 1px solid #f4f4f4
}

.labelPicker .labelView .searchBox i {
	float: left;
	width: 1rem;
	height: 1rem;
	font-size: 20px;
	margin-left: 12px;
	margin-top: 6px
}

.labelPicker .labelView .searchBox input {
	width: 11.25rem;
	float: right;
	height: 34px;
	line-height: 34px;
	border: none
}

.labelPicker .labelView .labelList,
.labelPicker .labelView .search-result {
	position: absolute;
	bottom: 0;
	top: 35px;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto
}

.labelPicker .labelView .labelList li.labelItem,
.labelPicker .labelView .search-result li.labelItem {
	height: 2.25rem;
	line-height: 2.25rem;
	padding-left: 40px;
	padding-right: 13px;
	width: 100%;
	position: relative;
	cursor: default
}

.labelPicker .labelView .labelList li.labelItem span.textSpan,
.labelPicker .labelView .search-result li.labelItem span.textSpan {
	display: block;
	float: left;
	max-width: 7.5rem;
	height: 2.25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	font-size: 14px
}

.labelPicker .labelView .labelList li.labelItem i.icon-create,
.labelPicker .labelView .search-result li.labelItem i.icon-create {
	display: none;
	float: left;
	color: #666;
	font-size: 1rem;
	margin-top: .6rem;
	margin-left: 2px;
	cursor: pointer
}

.labelPicker .labelView .labelList li.labelItem i.icon-check,
.labelPicker .labelView .search-result li.labelItem i.icon-check {
	display: none;
	float: right;
	color: #1ba4ff;
	font-size: 1rem;
	margin-top: .5rem
}

.labelPicker .labelView .labelList li.labelItem:before,
.labelPicker .labelView .search-result li.labelItem:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 15px;
	top: 14px;
	border-radius: 50%
}

.labelPicker .labelView .labelList li.labelItem:hover,
.labelPicker .labelView .search-result li.labelItem:hover {
	background: #f2f2f2
}

.labelPicker .labelView .labelList li.labelItem.selected i.icon-check,
.labelPicker .labelView .labelList li.labelItem:hover i.icon-create,
.labelPicker .labelView .search-result li.labelItem.selected i.icon-check,
.labelPicker .labelView .search-result li.labelItem:hover i.icon-create {
	display: block
}

.labelPicker .labelView .labelList li.labelItem[data-color='1']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='1']:before {
	background: #ed8a8a
}

.labelPicker .labelView .labelList li.labelItem[data-color='2']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='2']:before {
	background: #6d4e4e
}

.labelPicker .labelView .labelList li.labelItem[data-color='3']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='3']:before {
	background: #8aed90
}

.labelPicker .labelView .labelList li.labelItem[data-color='4']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='4']:before {
	background: #8aabed
}

.labelPicker .labelView .labelList li.labelItem[data-color='5']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='5']:before {
	background: #dedede
}

.labelPicker .labelView .labelList li.labelItem[data-color='6']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='6']:before {
	background: #766a6a
}

.labelPicker .labelView .labelList li.labelItem[data-color='7']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='7']:before {
	background: #c38aed
}

.labelPicker .labelView .labelList li.labelItem[data-color='8']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='8']:before {
	background: #dced8a
}

.labelPicker .labelView .labelList li.labelItem[data-color='9']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='9']:before {
	background: #edb48a
}

.labelPicker .labelView .labelList li.labelItem[data-color='10']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='10']:before {
	background: #b5b5b5
}

.labelPicker .labelView .labelList li.labelItem[data-color='11']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='11']:before {
	background: #ed8ae0
}

.labelPicker .labelView .labelList li.labelItem[data-color='12']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='12']:before {
	background: #8ab7ed
}

.labelPicker .labelView .labelList li.labelItem[data-color='13']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='13']:before {
	background: #8aede0
}

.labelPicker .labelView .labelList li.labelItem[data-color='14']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='14']:before {
	background: #bb2626
}

.labelPicker .labelView .labelList li.labelItem[data-color='15']:before,
.labelPicker .labelView .search-result li.labelItem[data-color='15']:before {
	background: #000
}

.labelPicker .colorPicker,
.labelPicker .labelView .search-result {
	display: none
}

.labelPicker .colorPicker input.nameInp {
	width: 11.875rem;
	height: 2.25rem;
	line-height: 2.25rem;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	color: #666;
	text-align: left;
	margin: 1rem .9375rem;
	padding: 0 .75rem
}

.labelPicker .colorPicker .colorWarp {
	width: 12.5rem;
	height: 7.5rem;
	margin-left: .625rem
}

.labelPicker .colorPicker .colorWarp li.colorItem {
	width: 2.5rem;
	height: 2.5rem;
	display: block;
	float: left
}

.labelPicker .colorPicker .colorWarp li.colorItem i.icon-check {
	display: none;
	color: #fff;
	font-size: .825rem;
	position: absolute;
	left: 3px;
	top: 2px
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle:after,
.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle i.icon-check,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle i.icon-check {
	display: block
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color1:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color1:after {
	border-color: #ed8a8a
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color2:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color2:after {
	border-color: #6d4e4e
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color3:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color3:after {
	border-color: #8aed90
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color4:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color4:after {
	border-color: #8aabed
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color5:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color5:after {
	border-color: #dedede
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color6:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color6:after {
	border-color: #766a6a
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color7:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color7:after {
	border-color: #c38aed
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color8:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color8:after {
	border-color: #dced8a
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color9:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color9:after {
	border-color: #edb48a
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color10:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color10:after {
	border-color: #b5b5b5
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color11:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color11:after {
	border-color: #ed8ae0
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color12:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color12:after {
	border-color: #8ab7ed
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color13:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color13:after {
	border-color: #8aede0
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color14:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color14:after {
	border-color: #bb2626
}

.labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color15:after,
.labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color15:after {
	border-color: #000
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	position: relative;
	margin: 10px
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color1 {
	background: #ed8a8a
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color2 {
	background: #6d4e4e
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color3 {
	background: #8aed90
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color4 {
	background: #8aabed
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color5 {
	background: #dedede
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color6 {
	background: #766a6a
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color7 {
	background: #c38aed
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color8 {
	background: #dced8a
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color9 {
	background: #edb48a
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color10 {
	background: #b5b5b5
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color11 {
	background: #ed8ae0
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color12 {
	background: #8ab7ed
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color13 {
	background: #8aede0
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color14 {
	background: #bb2626
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color15 {
	background: #000
}

.labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle:after {
	content: '';
	display: none;
	position: absolute;
	top: -3px;
	left: -3px;
	border: 2px solid;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	background: none
}

.labelPicker .colorPicker .btn {
	width: 11.875rem;
	height: 2.25rem;
	position: absolute;
	bottom: 1rem;
	left: .9375rem
}

.labelPicker .colorPicker .btn.OnEdit {
	background: #a3a3a3;
	border-color: #a3a3a3
}

.labelDelete {
	padding: 1rem;
	max-width: 25rem
}

.labelDelete header {
	text-align: center
}

.labelDelete .yesDelete {
	margin-left: 2rem;
	margin-right: 1rem;
	margin-top: 1rem
}

.labelDelete .noDelete {
	margin-top: 1rem
}

.confirmBox {
	width: 286px;
	height: 360px
}

.confirmBox h5 {
	text-align: center;
	line-height: 95px;
	font-size: 28px;
	margin: 0
}

.confirmBox .content {
	padding: 27px;
	line-height: 30px;
	padding-top: 0
}

.confirmBox .content .multiDates {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 120px;
	vertical-align: top
}

.confirmBox .footer {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 15px;
	text-align: center
}

.confirmBox .footer span {
	margin-right: 10px
}

.ui-draggable-dragging {
	z-index: 2001
}

.offlineAlert {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .07);
	z-index: 9999
}

.offlineAlert .content {
	width: 400px;
	height: 180px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	margin: auto;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .21)
}

.offlineAlert .content h5 {
	background: #0096f6;
	text-align: left;
	font-size: 14px;
	line-height: 40px;
	padding-left: 15px;
	color: #fff
}

.offlineAlert .content .type-system {
	margin: 15px 0 25px 15px;
	text-align: left
}

.offlineAlert .content span.btn {
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.alert-tip {
	position: fixed!important;
	z-index: 10000;
	width: 240px;
	height: 36px;
	background: rgba(95, 91, 85, .7);
	bottom: 20px;
	left: calc((100% - 311px) / 2 + 120px);
	border-radius: 3px;
	font-size: .75rem;
	color: #666;
	color: #eaeaea;
	padding: 9px 10px
}

.alert-tip .icon-cancel {
	float: right;
	font-size: 18px;
	color: #fff;
	cursor: pointer
}

.AtUserSelect {
	width: 200px;
	max-height: 200px;
	overflow-y: scroll;
	padding: 5px 16px
}

.AtUserSelect:empty {
	display: none
}

.AtUserSelect li {
	line-height: 36px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%
}

.AtUserSelect li img {
	vertical-align: middle;
	margin-right: 12px;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%
}

.AtUserSelect li.hover,
.AtUserSelect li:hover {
	background: #f6f7fb
}

.alertRing {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 2000
}

.alertRing .alertRingBox {
	background: hsla(0, 0%, 99%, .8);
	background: #fff;
	border-radius: .75rem;
	width: 18.125rem;
	height: 11.25rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.alertRing .alertRingBox .icon-access_alarm {
	width: 1.75rem;
	height: 1.75rem;
	font-size: 1.75rem;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 2.1875rem
}

.alertRing .alertRingBox .icon-close {
	position: absolute;
	font-size: 1rem;
	top: 1rem;
	right: 1rem;
	width: .75rem;
	height: .75rem;
	cursor: pointer
}

.alertRing .alertRingBox .content {
	width: 80%;
	max-height: 2.125rem;
	line-height: 1rem;
	font-size: .875rem;
	color: #333;
	margin-top: 4.875rem;
	text-align: center;
	left: 50%;
	margin-left: 1.8125rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.alertRing .alertRingBox .alertTime {
	font-size: .75rem;
	color: #666;
	margin-top: .5rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center
}

.alertRing .alertRingBox .bottomLine {
	position: absolute;
	bottom: 2.75rem;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #eaeaea
}

.alertRing .alertRingBox .watchDetail {
	width: 50px;
	height: 17px;
	line-height: 17px;
	font-size: .75rem;
	bottom: .8125rem;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #1ba4ff;
	cursor: pointer
}

.flex-side-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: #157dc7;
	-webkit-transition: background .5s ease-out .2s;
	transition: background .5s ease-out .2s
}

.flex-side-bar .flex-bar {
	color: hsla(0, 0%, 100%, .66);
	position: absolute;
	width: 16px;
	height: 15px;
	cursor: pointer;
	left: 18px;
	top: 24px
}

.flex-side-bar .flex-bar.collapse {
	border: 2px solid hsla(0, 0%, 100%, .66);
	border-top: none;
	border-bottom: none;
	width: 14px;
	height: 15px;
	left: 18px
}

.flex-side-bar .flex-bar.collapse:after {
	content: '';
	position: absolute;
	width: 2px;
	height: 15px;
	top: 0;
	left: 4px;
	background: hsla(0, 0%, 100%, .66)
}

.flex-side-bar .flex-bar.expand {
	border-top: 2px solid hsla(0, 0%, 100%, .66)
}

.flex-side-bar .flex-bar.expand:after,
.flex-side-bar .flex-bar.expand:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 2px;
	top: 0;
	left: 0;
	background: hsla(0, 0%, 100%, .66)
}

.flex-side-bar .flex-bar.expand:before {
	top: 4px;
	width: 12px
}

.flex-side-bar .flex-bar.expand:after {
	top: 11px;
	width: 8px
}

.flex-side-bar .flex-content {
	width: 52px;
	height: 100%;
	display: none;
	float: right;
	padding: 0 18px;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	padding-top: 64px;
	background: #157dc7
}

.flex-side-bar .flex-content .kanbanName {
	text-align: center;
	margin-bottom: 14px;
	word-break: break-all;
	letter-spacing: 6px;
	word-wrap: break-word;
	max-height: calc(100% - 100px);
	overflow: hidden
}

.flex-side-bar .flex-content .kanbanName.createKanban {
	cursor: pointer
}

.flex-side-bar .flex-content .kanbanName.createKanban+.isStar {
	display: none
}

.flex-side-bar .flex-content .isStar {
	font-size: 18px;
	color: #fec029;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-left: -3px
}

.flex-side-bar .flex-content .icon-star:hover {
	color: #fffc00
}

.flex-side-bar .flex-content .setting {
	position: absolute;
	bottom: 12px;
	font-size: 24px;
	color: hsla(0, 0%, 100%, .3);
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.doc-date-filter {
	cursor: pointer;
	color: rgba(0, 0, 0, .54);
	-webkit-transition: color .2s;
	transition: color .2s
}

.doc-date-filter:hover {
	color: rgba(0, 0, 0, .74)
}

.search-select-box {
	width: 190px;
	padding: 4px 0
}

.search-select-box.for-archive {
	width: 180px;
	height: 180px
}

.search-select-box.for-archive div.header {
	height: 30px;
	border-bottom: 1px solid #ededed;
	margin-bottom: 0
}

.search-select-box.for-archive div.header input {
	padding: 0;
	border: none;
	text-align: left;
	font-size: 12px;
	width: calc(100% - 30px)
}

.search-select-box.for-archive ul.list {
	height: 146px
}

.search-select-box .create-archieve-btn {
	display: none;
	cursor: pointer
}

.search-select-box.show-create span.create-archieve-btn {
	display: inline-block
}

.search-select-box .header {
	height: auto;
	padding: 0 18px;
	margin-bottom: 8px
}

.search-select-box .header input {
	width: 100%;
	height: 26px;
	padding: 3px 0;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 4px
}

.search-select-box .create-archieve-box input.archieve-name {
	border: 0;
	padding-left: 20px;
	width: calc(100% - 46px);
	font-size: 12px
}

.search-select-box ul.list {
	height: 214px;
	overflow-x: hidden;
	overflow-y: auto
}

.search-select-box ul.list li {
	padding: 8px 18px;
	padding-right: 10px;
	overflow: hidden
}

.search-select-box ul.list li.active {
	color: rgba(0, 0, 0, .54);
	text-decoration: none;
	background-color: #f5f5f5
}

.search-select-box ul.list li span {
	font-size: .75rem;
	color: #617a8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 17px);
	float: left
}

.search-select-box ul.list li .icon-check {
	font-size: .75rem;
	color: #1ba4ff;
	display: none;
	float: right;
	font-size: 24px;
	line-height: 16px
}

.search-select-box ul.list li.selected .icon-check {
	display: block
}

.search-select-box ul.list li.active span,
.search-select-box ul.list li.selected span {
	max-width: calc(100% - 27px)
}

body.firefox .left-func-bar .showing-view .com .add i:before {
	line-height: 24px
}

.left-func-bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #016eb3;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: -1000;
	opacity: 0;
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%);
	-webkit-transition: opacity, -webkit-transform .3s ease-out;
	transition: opacity, -webkit-transform .3s ease-out;
	transition: opacity, transform .3s ease-out;
	transition: opacity, transform .3s ease-out, -webkit-transform .3s ease-out;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46)
}

.left-func-bar.top {
	z-index: 10
}

.left-func-bar.top~div {
	opacity: 0;
	z-index: -1000;
	visibility: hidden
}

.left-func-bar.no-edit-auth .item-archive,
.left-func-bar.no-edit-auth .item-setting {
	display: none
}

.left-func-bar.showing-com .showing-view .com {
	z-index: 1;
	opacity: 1
}

.left-func-bar.showing-com .showing-view .func-list {
	opacity: 0
}

.left-func-bar.showing {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.left-func-bar .showing-view,
.left-func-bar header {
	padding-left: 16px
}

.left-func-bar header {
	height: 64px;
	line-height: 64px;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96);
	font-weight: 700;
	font-weight: 400;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.left-func-bar header .backup {
	position: absolute
}

.left-func-bar header .backup i,
.left-func-bar header .backup span {
	cursor: pointer
}

.left-func-bar header .backup i {
	font-size: 20px;
	margin-right: 6px;
	vertical-align: sub
}

.left-func-bar header .backup span {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96);
	font-weight: 400
}

.left-func-bar .showing-view ul.func-list {
	opacity: 1
}

.left-func-bar .showing-view ul.func-list li {
	height: 55px;
	line-height: 55px;
	padding-left: 4px
}

.left-func-bar .showing-view ul.func-list li i {
	font-size: 20px;
	margin-right: 21px;
	vertical-align: sub;
	cursor: pointer
}

.left-func-bar .showing-view ul.func-list li span {
	cursor: pointer
}

.left-func-bar .showing-view .com {
	position: absolute;
	top: 64px;
	bottom: 0;
	right: 0;
	left: 0;
	padding-top: 16px;
	padding-left: 22px;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

.left-func-bar .showing-view .com .add {
	color: #fff
}

.left-func-bar .showing-view .com .add.disabled {
	opacity: .6
}

.left-func-bar .showing-view .com .add.disabled i,
.left-func-bar .showing-view .com .add.disabled span {
	cursor: not-allowed
}

.left-func-bar .showing-view .com .add i,
.left-func-bar .showing-view .com .add span {
	cursor: pointer
}

.left-func-bar .showing-view .com .add .icon-add+span {
	vertical-align: 10%
}

.left-func-bar .showing-view .com .add i {
	font-size: 22px;
	background: #1ba4ff;
	color: #fff;
	border-radius: 50%;
	vertical-align: -24%;
	width: 24px;
	height: 24px;
	display: inline-block;
	overflow: hidden;
	margin-right: 10px
}

.left-func-bar .showing-view .com .add i:before {
	vertical-align: 9%;
	line-height: 20px;
	margin-left: 1px
}

.left-func-bar .showing-view .com .set-user {
	height: 100%
}

.left-func-bar .showing-view .com .set-user .user-list,
.left-func-bar .showing-view .com .set-user .user-list-lazy {
	margin: 10px 0;
	height: calc(100% - 30px);
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 20px
}

.left-func-bar .showing-view .com .set-user .user-list-lazy>li,
.left-func-bar .showing-view .com .set-user .user-list>li {
	line-height: 42px;
	height: 42px
}

.left-func-bar .showing-view .com .set-user .user-list-lazy>li+li,
.left-func-bar .showing-view .com .set-user .user-list>li+li {
	margin-top: 0
}

.left-func-bar .showing-view .com .set-user .user-list-lazy>li img,
.left-func-bar .showing-view .com .set-user .user-list>li img {
	vertical-align: middle;
	margin-right: 12px;
	width: 24px;
	height: 24px;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23);
	border-radius: 2px
}

.left-func-bar .showing-view .com .set-user .user-list-lazy>li span,
.left-func-bar .showing-view .com .set-user .user-list>li span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 90px);
	vertical-align: top
}

.common-tab {
	width: 580px;
	height: auto;
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.common-tab header {
	height: 60px;
	line-height: 60px;
	text-align: center;
	overflow: hidden
}

.common-tab header h5 {
	font-size: 16px;
	color: #333;
	line-height: 60px
}

.common-tab header i {
	color: #bcbcbc;
	position: absolute;
	right: 27px;
	top: 17px;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.common-tab header i:hover {
	color: #333
}

.common-tab nav {
	height: 48px;
	background: #f8f8f8;
	border: 1px solid #eaeaea
}

.common-tab nav ul {
	font-size: 0
}

.common-tab nav ul li {
	color: #a3a3a3;
	width: 25%;
	display: inline-block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	font-size: 12px;
	line-height: 48px;
	text-align: center;
	cursor: default
}

.common-tab nav ul li+li:before {
	position: absolute;
	content: '';
	top: 12px;
	height: 24px;
	left: 0;
	width: 1px;
	background: #eaeaea
}

.common-tab nav ul li.active {
	font-size: .75rem;
	color: #1ba4ff
}

.common-tab .list {
	height: 400px;
	position: relative
}

.common-tab .list .type-system {
	color: #626263
}

.common-tab .list>li {
	position: absolute;
	padding: 25px 30px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	background: #fff;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.common-tab .list>li.active {
	z-index: 10000;
	opacity: 1
}

.common-tab .list>li>div {
	text-align: center;
	text-align: left
}

.common-tab .type-system {
	color: #666
}

.common-tab .btn+.btn {
	margin-left: 10px
}

.common-tab .btn-primary-outline {
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23)
}

.user-list-lazy>li>.no-member-holder,
.user-list-lazy>li>img {
	width: 24px;
	height: 24px;
	margin-right: 15px;
	border-radius: 2px
}

.user-list-lazy>li .no-member-holder {
	background: #dbdbdb
}

.user-list-lazy>li>span.user-name {
	cursor: default;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 43px)
}

.user-list-lazy>li+li {
	margin-top: 17px
}

.click-disabled.btn-primary-outline:hover {
	background: transparent;
	color: #1ba4ff
}

.config-doc-export {
	width: 360px
}

.config-doc-export>header>h3 {
	line-height: 59px;
	border-bottom: 1px solid #eaeaea;
	margin: 0;
	text-align: center
}

.config-doc-export>header>i {
	color: #bcbcbc;
	position: absolute;
	right: 27px;
	top: 17px;
	font-size: 22px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.config-doc-export>header>i:hover {
	color: #333
}

.config-doc-export .content {
	padding: 18px 22px
}

.config-doc-export .content [class$=-date] {
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding: 2px 3px;
	cursor: pointer
}

.rui-config {
	text-align: left
}

.rui-config .rui-config-info>div+div {
	margin-top: 28px
}

.rui-config .rui-config-info .type-system {
	display: block;
	margin-bottom: 15px
}

.rui-config .rui-config-info .cover {
	overflow: hidden
}

.rui-config .rui-config-info .cover img {
	width: 118px;
	height: 60px;
	margin-right: 15px;
	vertical-align: middle;
	border-radius: 3px
}

.rui-config .rui-config-info .cover .update-cover {
	cursor: pointer
}

.rui-config .rui-config-info .cover .update-cover.click-disabled {
	display: none
}

.rui-config .rui-config-info input.name {
	font-size: 13px;
	color: #626263;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	padding: 8px 11px;
	width: 520px
}

.rui-config .rui-config-info .config-info-owner>div span+span {
	margin-left: 12px
}

.rui-config .rui-config-info .cover-list {
	position: absolute;
	top: 0;
	background: #fff;
	opacity: 0;
	display: none;
	bottom: 0;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	margin-top: 25px
}

.rui-config .rui-config-info .cover-list>ul>li {
	float: left;
	position: relative
}

.rui-config .rui-config-info .cover-list>ul>li img {
	width: 118px;
	height: 60px;
	margin-bottom: 15px
}

.rui-config .rui-config-info .cover-list>ul>li+li img {
	margin-left: 16px
}

.rui-config .rui-config-info .cover-list>ul>li:nth-child(4n+1),
.rui-config .rui-config-info .cover-list>ul>li:nth-child(4n+1) img {
	margin-left: 0
}

.rui-config .rui-config-info .cover-list>ul>li.selected>span.check {
	display: block
}

.rui-config .rui-config-info .cover-list>ul>li>span.check {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #1ba4ff;
	display: none
}

.rui-config .rui-config-info .cover-list>ul>li>span.check:after {
	display: block;
	font-family: icomoon!important;
	content: "\E5CA";
	color: #ececec;
	margin-top: -2px;
	margin-left: 2px
}

.rui-config .rui-config-info .cover-list .cover-update-btns .btn+.btn {
	margin-left: 12px
}

.rui-config .rui-config-info.show-cover .cover-list {
	display: block;
	opacity: 1
}

.rui-config .rui-config-prefer>div+div {
	margin-top: 24px
}

.rui-config .rui-config-prefer p {
	margin-bottom: 0;
	font-size: 13px
}

.rui-config .rui-config-prefer .radio,
.rui-config .rui-config-prefer .sync>p {
	margin-top: 6px
}

.rui-config .rui-config-prefer .radio>div {
	float: left
}

.rui-config .rui-config-prefer .radio>div+div {
	margin-left: 26px
}

.rui-config .rui-config-prefer .radio .rui-radio {
	vertical-align: top
}

.rui-config .rui-config-prefer .radio .rui-radio+span {
	margin-left: 10px;
	font-size: 13px;
	color: #626263
}

.rui-config .auth-config {
	overflow-y: auto;
	height: 370px;
	padding-right: 5px
}

.rui-config .auth-config.scroll {
	margin-top: -25px;
	margin-right: -26px;
	padding-right: 16px
}

.rui-config .auth-config.scroll .add-member {
	padding-top: 25px
}

.rui-config .auth-config .custom-role-auth {
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	margin-top: 15px
}

.rui-config .auth-config .auth-detail {
	height: 510px;
	top: 146px;
	display: none
}

.rui-config .auth-config .auth-detail.show {
	display: block
}

.rui-config .auth-config .auth-detail section {
	height: 390px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	padding: 23px 30px;
	padding-bottom: 0
}

.rui-config .auth-config .auth-detail section>div+div {
	margin-top: 23px
}

.rui-config .auth-config .auth-detail section h4 {
	font-size: 12px;
	color: #a3a3a3;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	margin-bottom: 0
}

.rui-config .auth-config .auth-detail section ul li {
	height: 40px;
	line-height: 40px
}

.rui-config .auth-config .auth-detail section ul li+li {
	border-top: 1px solid #f5f5f5
}

.rui-config .auth-config .auth-detail section ul li:last-child {
	border-bottom: 1px solid #f5f5f5
}

.rui-config .auth-config .auth-detail section ul li span {
	text-indent: 1em
}

.rui-config .auth-config .auth-detail section ul li span>i.icon-check {
	visibility: hidden;
	color: #0689dd;
	font-size: 18px;
	vertical-align: sub
}

.rui-config .auth-config .auth-detail section ul li span.checked i.icon-check {
	visibility: visible
}

.rui-config .auth-config .auth-detail section ul li span:first-child {
	width: 274px;
	text-indent: 0;
	color: #666
}

.rui-config .auth-config .auth-detail.collect-auth-detail [data-field=authority],
.rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=checkAuthority],
.rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=editAuthority],
.rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=message],
.rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=schedule],
.rui-config .auth-config .auth-detail [data-field=attribute],
.rui-config .auth-config .auth-detail [data-field=quitCorpus],
.rui-config .auth-config .auth-detail [data-field=quitKB],
.rui-config .auth-config .auth-detail [data-field=transitionCorpus],
.rui-config .auth-config .auth-detail [data-field=transitionKB] {
	display: none
}

.rui-config .auth-config nav ul li,
.rui-config .auth-config section ul li>span {
	float: right;
	text-align: left
}

.rui-config .auth-config nav ul li:first-child,
.rui-config .auth-config section ul li>span:first-child {
	width: 287px;
	float: left
}

.rui-config .auth-config nav ul li:nth-child(2),
.rui-config .auth-config section ul li>span:nth-child(2) {
	width: 54px
}

.rui-config .auth-config nav ul li:nth-child(3),
.rui-config .auth-config section ul li>span:nth-child(3) {
	width: 82px
}

.rui-config .auth-config nav ul li:nth-child(4),
.rui-config .auth-config section ul li>span:nth-child(4) {
	width: 90px
}

.rui-config .auth-config nav {
	padding: 0 30px
}

.rui-config .auth-config nav ul li:before {
	display: none
}

.rui-config .auth-config .dropdown-item.selected i.icon-check {
	display: block
}

.rui-config .auth-config .dropdown-item i.icon-check {
	float: right;
	margin-right: 8px;
	display: none;
	font-size: .75rem;
	color: #1ba4ff;
	font-size: 18px
}

.rui-config .auth-config .custom-auth {
	display: none
}

.rui-config .auth-config .default-role {
	position: relative
}

.rui-config .auth-config .default-role>div {
	margin: 0 0 7px
}

.rui-config .auth-config .default-role>div.clearfix .pull-left {
	margin-top: 5px
}

.rui-config .auth-config .default-role>div .dropdown-menu {
	margin-top: -32px;
	margin-right: -27px
}

.rui-config .auth-config .default-role .role {
	border: 1px solid #dfdfdf;
	border-radius: 2px;
	width: 120px;
	padding: 2px 6px;
	cursor: pointer
}

.rui-config .auth-config .default-role .role.click-disabled>i {
	display: none
}

.rui-config .auth-config .default-role .role .name {
	vertical-align: sub
}

.rui-config .auth-config .default-role .role>i {
	float: right;
	font-size: 24px
}

.rui-config .auth-config .member-list strong {
	font-weight: 400;
	margin: 0 2px
}

.rui-config .auth-config .member-list .user-list-lazy {
	margin-top: -10px;
	overflow-y: auto
}

.rui-config .auth-config .member-list .user-list-lazy>li {
	position: relative
}

.rui-config .auth-config .member-list .user-list-lazy>li .auth-select-box {
	display: block
}

.rui-config .auth-config .member-list .user-list-lazy>li .auth-symbol,
.rui-config .auth-config .member-list .user-list-lazy>li .auth-symbol>i,
.rui-config .auth-config .member-list .user-list-lazy>li .auth-symbol>span {
	cursor: pointer
}

.rui-config .auth-config .member-list .user-list-lazy>li .auth-symbol>i {
	font-size: 20px;
	vertical-align: sub
}

.rui-config .auth-config .member-list .user-list-lazy>li .auth-symbol.click-disabled>i {
	display: none
}

.rui-config .advance>div span+p {
	margin-top: 8px;
	margin-bottom: 13px
}

.rui-config .advance>div+div {
	margin-top: 26px
}

.rui-config .advance .manage span.btn+span.btn {
	margin-left: 10px
}

.rui-config.template-kanban-config>.common-tab>nav>ul>li {
	width: 33%
}

.rui-config.template-kanban-config .auth-config .add-member-btn,
.rui-config.template-kanban-config .auth-config .member-list {
	display: none
}

body.firefox .rui-config .auth-config .auth-detail section ul li span:not(.desc) {
	text-indent: 1.8em
}

.doc-components-header-operate {
	line-height: 24px
}

.doc-components-header-operate .collect-name-wrap {
	cursor: pointer
}

.doc-components-header-operate .collect-name-wrap>i {
	font-size: 22px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	left: -7px
}

.doc-components-header-operate .collect-name-wrap:not(.no-hover):hover {
	opacity: .8
}

.doc-components-header-operate .operate-button-list {
	font-size: 0;
	height: 24px
}

.doc-components-header-operate .operate-button-list>li {
	display: inline-block;
	margin-left: 18px;
	cursor: pointer
}

.doc-components-header-operate .operate-button-list>li:hover {
	opacity: .8
}

.doc-components-title {
	padding-right: 130px;
	position: relative
}

.doc-components-title .title {
	word-break: break-all;
	min-height: 47px
}

.doc-components-title .info-more {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 120px;
	text-align: center
}

.doc-components-title .info-more.doc-generate {
	padding-top: 8px
}

.doc-components-title.no-info-more {
	padding-right: 0
}

.doc-components-content-check .info-area {
	padding: 13px 0
}

.doc-components-content-check .body-area {
	min-height: 500px
}

.doc-components-content-edit .info-area {
	padding: 4.5px 0
}

.doc-components-content-edit .simditor {
	border: none
}

.doc-components-content-edit .simditor-body {
	padding-left: 0;
	padding-right: 0
}

.doc-components-content-edit.doc-simditor-new-doc .simditor-body {
	min-height: 1300px
}

.doc-components-content-edit .more-info .file-list {
	padding: 20px 0
}

.doc-components-content-edit .about-info {
	position: relative;
	top: 20px;
	text-align: center
}

.doc-components-content-edit-toolbar {
	border-bottom: 1px solid #eaeaea;
	z-index: 2
}

.doc-components-content-edit-toolbar.toolbar-hide {
	height: 0;
	overflow: hidden;
	border: none
}

.doc-components-content-edit-toolbar>ul>li>span.separator {
	background: hsla(0, 0%, 100%, .87)
}

.doc-components-content-edit-toolbar>ul>li .toolbar-item {
	color: #333
}

.doc-components-content-edit-toolbar>ul>li.menu-on .toolbar-item,
.doc-components-content-edit-toolbar>ul>li .more-option .toolbar-item {
	color: #000
}

.doc-components-content-edit-toolbar.hasGenerate {
	padding-right: 100px
}

.doc-components-content-edit-toolbar:not(.normal-toolbar) .doc-generate .btn {
	background: none
}

.doc-components-content-edit-toolbar .doc-generate {
	position: absolute;
	top: 8px;
	right: 5px
}

.doc-components-content-edit-toolbar .doc-generate .btn {
	border-color: hsla(0, 0%, 100%, .6);
	color: hsla(0, 0%, 100%, .6);
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 1!important
}

.doc-components-content-edit-toolbar .doc-generate .btn:hover {
	color: #fff;
	border-color: #fff
}

.doc-components-content-edit-toolbar .doc-generate.doc_vip .btn {
	padding-right: 28px
}

.doc-components-content-edit-toolbar .doc-generate .setting-more {
	position: absolute;
	font-size: 20px;
	top: 5px;
	right: 7px;
	cursor: pointer
}

.doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu {
	padding: 10px 20px;
	margin-top: 7px
}

.doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu h6,
.doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu label {
	margin-bottom: 0
}

.doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item {
	padding-right: 50px;
	position: relative
}

.doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item .toggle {
	position: absolute;
	right: 0;
	top: 7px
}

.doc-components-content-edit-toolbar .custom-item {
	font-size: 22px!important
}

.doc-components-content-edit-toolbar .more-option.open {
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.doc-components-content-edit-toolbar .more-option {
	position: absolute;
	top: 106%;
	right: 0;
	z-index: 0;
	opacity: 0;
	width: auto;
	border: none;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 3px;
	background: #fff;
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px)
}

.doc-components-content-edit-toolbar .more-option>ul {
	padding-left: 0
}

.doc-components-content-edit-toolbar .more-option>ul,
.doc-components-content-edit-toolbar>ul {
	margin: 0;
	padding: 0 0 0 6px;
	list-style: none;
	white-space: nowrap
}

.doc-components-content-edit-toolbar .more-option>ul>li:first-child[data-type=separator],
.doc-components-content-edit-toolbar>ul>li:first-child[data-type=separator] {
	position: absolute;
	opacity: 0
}

.doc-components-content-edit-toolbar .more-option>ul>li,
.doc-components-content-edit-toolbar>ul>li {
	position: relative;
	display: inline-block;
	font-size: 0
}

.doc-components-content-edit-toolbar .more-option>ul>li>span.separator,
.doc-components-content-edit-toolbar>ul>li>span.separator {
	display: inline-block;
	background: #cfcfcf;
	width: 1px;
	height: 18px;
	margin: 5px 15px;
	vertical-align: middle
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item {
	display: inline-block;
	width: 28px;
	height: 28px;
	outline: none;
	font-size: 15px;
	line-height: 28px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-more-option,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-more-option {
	font-size: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item span,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item span {
	opacity: .6;
	-webkit-transition: all .3s;
	transition: all .3s
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item span.simditor-icon,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item span.simditor-icon {
	display: inline;
	line-height: normal
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item:hover span,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item:hover span {
	opacity: 1
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.active,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.active {
	background: #eee
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.active span,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.active span {
	opacity: 1
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.disabled,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.disabled {
	cursor: default
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.disabled span,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.disabled span {
	opacity: .3
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-title span:before {
	content: "H";
	font-size: 19px;
	font-weight: 700;
	font-family: Times New Roman
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h1 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h1 span:before {
	content: 'H1';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h2 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h2 span:before {
	content: 'H2';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h3 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h3 span:before {
	content: 'H3';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-image,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-image {
	position: relative;
	overflow: hidden
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-image>input[type=file],
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-image>input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	font-size: 100px;
	cursor: pointer
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-font span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-font span:before {
	font-size: 19px;
	font-weight: 700;
	font-family: Times New Roman
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-12 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-12 span:before {
	content: '12';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-14 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-14 span:before {
	content: '14';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-16 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-16 span:before {
	content: '16';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-18 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-18 span:before {
	content: '18';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-20 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-20 span:before {
	content: '20';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-24 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-24 span:before {
	content: '24';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-30 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-30 span:before {
	content: '30';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-36 span:before,
.doc-components-content-edit-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-36 span:before {
	content: '36';
	font-size: 18px
}

.doc-components-content-edit-toolbar .more-option>ul>li.menu-on .toolbar-item,
.doc-components-content-edit-toolbar>ul>li.menu-on .toolbar-item {
	position: relative;
	z-index: 20;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.doc-components-content-edit-toolbar .more-option>ul>li.menu-on .toolbar-item span,
.doc-components-content-edit-toolbar>ul>li.menu-on .toolbar-item span {
	opacity: 1
}

.doc-components-content-edit-toolbar .more-option>ul>li.menu-on .toolbar-menu,
.doc-components-content-edit-toolbar>ul>li.menu-on .toolbar-menu {
	display: block
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu,
.doc-components-content-edit-toolbar .toolbar-menu {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 21;
	background: #fff;
	text-align: left;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu:before,
.doc-components-content-edit-toolbar .toolbar-menu:before {
	content: '';
	display: block;
	width: 28px;
	height: 4px;
	background: #fff;
	position: absolute;
	top: -3px;
	left: 0
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul,
.doc-components-content-edit-toolbar .toolbar-menu ul {
	min-width: 160px;
	list-style: none;
	margin: 0;
	padding: 10px 1px
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item {
	display: block;
	font-size: 16px;
	line-height: 2em;
	padding: 0 10px;
	text-decoration: none;
	color: #666
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item:hover,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item:hover {
	background: #f6f6f6
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h1,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item.menu-item-h1 {
	font-size: 24px;
	color: #333
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h2,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item.menu-item-h2 {
	font-size: 22px;
	color: #333
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h3,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item.menu-item-h3 {
	font-size: 20px;
	color: #333
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h4,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item.menu-item-h4 {
	font-size: 18px;
	color: #333
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h5,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .menu-item.menu-item-h5 {
	font-size: 16px;
	color: #333
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu ul>li .separator,
.doc-components-content-edit-toolbar .toolbar-menu ul>li .separator {
	display: block;
	border-top: 1px solid #ccc;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 6px 0
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color {
	width: 96px
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list {
	height: 40px;
	margin: 10px 6px 6px 10px;
	padding: 0;
	min-width: 0
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
	float: left;
	margin: 0 4px 4px 0
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
	display: block;
	width: 16px;
	height: 16px;
	background: #dfdfdf;
	border-radius: 2px
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
	opacity: .8
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
	background: #333
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-1,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
	background: #e33737
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-2,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
	background: #e28b41
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-3,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
	background: #c8a732
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-4,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
	background: #209361
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-5,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
	background: #418caf
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-6,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
	background: #aa8773
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-7,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
	background: #999
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
	background: #fff;
	padding: 1px
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
	padding: 0;
	cursor: pointer
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td:before,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	background: #f3f3f3;
	display: block;
	content: ''
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before {
	background: #cfcfcf
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
	display: none
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table ul li,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
	white-space: nowrap
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
	position: relative;
	overflow: hidden
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file],
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	font-size: 100px;
	cursor: pointer
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-alignment,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-alignment {
	width: 100%
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-alignment ul,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-alignment ul {
	min-width: 100%
}

.doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-alignment .menu-item,
.doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
	text-align: center
}

.doc-components-turn-page .turn-page {
	cursor: pointer
}

.doc-components-turn-page .turn-page i {
	font-size: 20px
}

.doc-components-turn-page .turn-page span {
	vertical-align: text-bottom
}

.doc-components-turn-page .turn-page i+span,
.doc-components-turn-page .turn-page span+i {
	margin-left: 18px
}

.doc-components-turn-page .turn-page.disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .65
}

.doc-components-share {
	width: 360px
}

.doc-components-share .title {
	text-align: center;
	padding: 10px 0;
	line-height: 16px;
	border-bottom: 1px solid #f4f4f4
}

.doc-components-share .panel-divider {
	padding: 20px;
	padding-bottom: 10px
}

.doc-components-share .share {
	display: none
}

.doc-components-share .share.open-share {
	display: block
}

.doc-components-share .share .share-switch {
	cursor: pointer;
	display: none
}

.doc-components-share .share.enable-share .share-switch {
	display: inline-block
}

.doc-components-share .share.enable-share .disable-share-info {
	display: none
}

.doc-components-share .share-link-wrap {
	padding: 0 20px
}

.doc-components-share .share-link-wrap.open-share .share-link {
	display: block
}

.doc-components-share .share-link-wrap .share-link {
	border: 1px solid #dadada;
	border-radius: 2px;
	font-size: 0;
	height: 32px;
	display: none
}

.doc-components-share .share-link-wrap .share-link>* {
	display: inline-block
}

.doc-components-share .share-link-wrap .share-link>input {
	border: none;
	height: 100%;
	width: calc(100% - 53px);
	padding-left: 10px;
	cursor: text
}

.doc-components-share .share-link-wrap .share-link>span {
	line-height: 30px;
	vertical-align: top;
	width: 53px;
	text-align: center;
	border-left: 1px solid #dadada;
	cursor: pointer
}

.doc-components-share .share-link-wrap .share-link>span:hover {
	opacity: .8
}

.doc-components-share .r-permission-panel {
	padding-top: 0
}

.doc-components-setting {
	width: 180px
}

.doc-components-setting>ul>li {
	line-height: 30px;
	padding-left: 34px;
	cursor: pointer
}

.doc-components-setting>ul>li:hover {
	color: rgba(0, 0, 0, .54);
	text-decoration: none;
	background-color: #f5f5f5
}

.doc-components-setting>ul>li[disabled=disabled] {
	opacity: .7
}

.doc-setting-date-modal-wrap {
	display: inline-block;
	margin-top: 50px;
	background: #fff;
	width: 285px
}

.doc-setting-date-modal-wrap .setting-date-header {
	line-height: 59px;
	border-bottom: 1px solid #eaeaea
}

.doc-setting-date-modal-wrap .weekSelector {
	width: 100%!important;
	text-align: left
}

.doc-setting-date-modal-wrap .rui-month-selector {
	width: 100%
}

.doc-setting-date-modal-wrap .rui-month-selector .month-selector-ul {
	width: 100%;
	padding-right: 0
}

.doc-setting-date-modal-wrap .datePicker,
.doc-setting-date-modal-wrap .rui-month-selector .month-selector-ul>li {
	width: 100%
}

.doc-components-move {
	width: 285px;
	padding: 10px
}

.doc-components-move .collect-select-wrap {
	margin-bottom: 20px;
	padding: 0 6px
}

.doc-components-move .collect-select {
	cursor: pointer
}

.doc-components-move .collect-select .collect-name {
	margin-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 150px;
	display: inline-block;
	vertical-align: bottom
}

.doc-detail-component {
	background: #fff;
	padding: 0 65px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .18);
	border-radius: 3px
}

.doc-detail-component.check-state {
	padding-bottom: 46px
}

.doc-detail-component.not-found {
	height: 100%
}

.doc-detail-component.not-found .not-found-tip {
	text-align: center;
	padding-top: 50px
}

.doc-detail-component.not-found .back-to-main {
	padding: 11px 0
}

.doc-detail-component .sault-doc-detail-title {
	padding-bottom: 19px;
	border-bottom: 1px solid #eaeaea
}

.doc-detail-component .sault-doc-detail-trend {
	border-top: 1px solid #eaeaea
}

.doc-detail-component .sault-doc-detail-comment {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 2px
}

.sault-doc-detail-header {
	padding: 21px 0
}

.sault-doc-detail-turn-page {
	padding: 17px 0;
	border-top: 1px solid #eaeaea;
	margin-top: 60px
}

.doc-generate-component {
	background: #fff;
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	position: relative;
	line-height: 28px;
	cursor: pointer
}

.doc-generate-component.doc_vip {
	padding-right: 26px
}

.doc-generate-component .setting-more {
	display: inline-block;
	border-radius: 0 3px 3px 0;
	border-left: 1px solid #b6b6b6;
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	text-align: center;
	font-size: 16px
}

.doc-generate-component .setting-more .dropdown-menu {
	padding: 10px 20px;
	margin-top: 7px
}

.doc-generate-component .setting-more .dropdown-menu h6,
.doc-generate-component .setting-more .dropdown-menu label {
	margin-bottom: 0
}

.doc-generate-component .setting-more .dropdown-menu label {
	white-space: nowrap;
	line-height: 14px
}

.doc-generate-component .setting-more .dropdown-menu .toggle-item {
	padding-right: 50px;
	position: relative
}

.doc-generate-component .setting-more .dropdown-menu .toggle-item .toggle {
	position: absolute;
	right: 0;
	top: 7px
}

.doc-generate-component .setting-more .dropdown-menu .toggle-item .toggle .track {
	position: relative
}

.doc-generate-component .setting-more .dropdown-menu .toggle-item .toggle.small-toggle .handle {
	top: 0;
	left: 0
}

.doc-generate-component .generate-btn {
	text-align: center
}

.doc-generate-component .generate-btn.disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .65
}

.rui-common-modal {
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.rui-common-modal>header {
	position: relative;
	border-bottom: 1px solid #eaeaea
}

.rui-common-modal>header h5 {
	font-size: 16px;
	color: #333;
	line-height: 60px;
	text-align: center;
	margin: 0
}

.rui-common-modal>header i.icon-close {
	color: #bcbcbc;
	position: absolute;
	right: 27px;
	top: 17px;
	font-size: 24px;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.rui-common-modal>header i.icon-close:hover {
	color: #333
}

.rui-common-modal>main {
	position: relative;
	padding: 20px 30px
}

.rui-common-modal>main .type-system {
	color: #666;
	font-size: 12px;
	margin-bottom: 8px;
	display: block
}

.rui-common-modal>main .type-caption {
	color: #a3a3a3
}

.rui-common-modal>main>section input[type=text] {
	font-size: 13px;
	color: #626263;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	padding: 8px 11px;
	width: 100%
}

.rui-common-modal>main>section .btn+.btn {
	margin-left: 15px
}

.rui-common-modal>main>section+section {
	margin-top: 28px
}

.create-modal {
	width: 410px;
	height: 470px
}

.create-modal li.cover-item {
	width: 85px;
	display: inline-block;
	position: relative;
	text-align: center;
	border-radius: 2px;
	cursor: pointer
}

.create-modal li.cover-item+li {
	margin-left: 15px
}

.create-modal li.cover-item.selected:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	background: #1ba4ff;
	opacity: .6
}

.create-modal li.cover-item.selected .icon-check {
	display: block
}

.create-modal li.cover-item.selected>span {
	color: #0096f6
}

.create-modal li.cover-item .icon-check {
	display: none;
	color: #fff;
	font-size: 18px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1
}

.create-modal li.cover-item img {
	width: 85px;
	height: 48px;
	border-radius: 2px
}

.create-modal li.cover-item>span {
	margin-top: 10px;
	display: inline-block;
	font-size: 12px;
	max-width: 85px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.create-modal .template-short-list ul {
	font-size: 0;
	display: inline-block;
	max-width: 285px;
	max-height: 77px;
	overflow: hidden
}

.create-modal .template-short-list .rui-loading+.show-more {
	display: none
}

.create-modal .template-short-list .show-more {
	display: inline-block;
	vertical-align: 242%;
	margin-left: 11px;
	cursor: pointer
}

.create-modal .doc-type-list li.cover-item {
	width: 78px
}

.create-modal .doc-type-list li.cover-item+li {
	margin-left: 12px
}

.create-modal .doc-type-list li.cover-item img {
	width: 78px
}

.create-modal .doc-type-list li.cover-item>span {
	max-width: 78px
}

.create-modal .create {
	margin-top: 35px
}

.rui-user-selector {
	width: 260px
}

.rui-user-selector[data-type=simple] {
	width: 180px
}

.rui-user-selector[data-type=common] {
	width: 260px
}

.rui-user-selector[data-block=team] .rui-user-selector-dept-info {
	display: block
}

.rui-user-selector[data-block=team] .rui-user-selector-dept-info.dept-info-open+.rui-user-selector-body {
	height: 247px
}

.rui-user-selector[data-block=dept] .rui-user-selector-search {
	display: none
}

.rui-user-selector[data-block=dept] .rui-user-selector-body {
	height: 305px
}

.rui-user-selector .rui-user-selector-header {
	border-bottom: 1px solid #f4f4f4
}

.rui-user-selector .rui-user-selector-header>.panel {
	padding: 10.5px 0;
	font-size: 0
}

.rui-user-selector .rui-user-selector-header>.panel.list-length-1 li {
	width: 100%
}

.rui-user-selector .rui-user-selector-header>.panel.list-length-2 li {
	width: 50%
}

.rui-user-selector .rui-user-selector-header>.panel.list-length-3 li {
	width: 33.33333%
}

.rui-user-selector .rui-user-selector-header>.panel li {
	display: inline-block;
	font-size: .875rem;
	text-align: center;
	cursor: pointer
}

.rui-user-selector .rui-user-selector-header>.panel li+li {
	border-left: 1px solid #f0f0f0
}

.rui-user-selector .rui-user-selector-header>.panel li.active {
	font-size: .875rem;
	color: #1ba4ff
}

.rui-user-selector .rui-user-selector-search .search-box[data-size=small] {
	height: 35px;
	padding: 9px 0;
	padding-left: 39px;
	padding-right: 13px
}

.rui-user-selector .rui-user-selector-search .search-box[data-size=middle] {
	height: 45px;
	padding: 14px 0;
	padding-left: 23px
}

.rui-user-selector .rui-user-selector-search .search-box[data-size=middle] .search-input {
	margin-left: 10px
}

.rui-user-selector .rui-user-selector-search .search-box {
	font-size: 0;
	background: #f8f8f8;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.rui-user-selector .rui-user-selector-search .search-box>* {
	font-size: 12px
}

.rui-user-selector .rui-user-selector-search .search-box.need-select-all {
	padding-right: 46px
}

.rui-user-selector .rui-user-selector-search .search-box .search-icon {
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 7px
}

.rui-user-selector .rui-user-selector-search .search-box .search-input {
	border: none;
	height: 17px;
	vertical-align: top;
	background: none;
	width: 100%
}

.rui-user-selector .rui-user-selector-search .search-box .select-all {
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 13px
}

.rui-user-selector .rui-user-selector-dept-info {
	display: none;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.rui-user-selector .rui-user-selector-body {
	height: 270px;
	overflow: hidden
}

.rui-user-selector .rui-user-selector-body>.dept-list {
	height: 100%;
	overflow: auto
}

.rui-user-selector .rui-user-selector-body header {
	cursor: default;
	font-size: 0;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.rui-user-selector .rui-user-selector-body header .icon {
	margin-right: 10px;
	cursor: pointer
}

.rui-user-selector .rui-user-selector-body header:hover {
	background: #f6f7fb
}

.list-source-selector {
	height: 100%;
	overflow: auto
}

.list-source-selector .list-source-name {
	text-align: left;
	padding: 12px 0;
	line-height: 17px;
	padding-left: 10px
}

.list-source-selector .rui-user-item {
	padding-left: 10px
}

.list-source-selector .rui-user-item:hover {
	background: #f6f7fb
}

.rui-user-item {
	padding: 5px 0;
	font-size: 0;
	padding-right: 15px;
	cursor: default;
	min-height: 33px
}

.rui-user-item>span {
	vertical-align: middle;
	font-size: .875rem
}

.rui-user-item .userAvatar {
	width: 24px;
	height: 24px;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1);
	border-radius: 2px
}

.rui-user-item .userName {
	display: inline-block;
	width: 6em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.rui-user-item .userAvatar+.userName {
	margin-left: 13px
}

.rui-user-item .isStar {
	display: inline-block;
	visibility: hidden;
	color: #fec029;
	cursor: pointer;
	margin-left: 5px
}

.rui-user-item:hover .isStar {
	visibility: visible
}

.rui-user-item .res {
	display: inline-block;
	font-size: .75rem;
	color: #1ba4ff;
	visibility: hidden;
	border: 1px solid #0096f6;
	border-radius: 2px;
	padding: 0 4px;
	margin-left: 5px;
	line-height: 18px
}

.rui-user-item .checkThis {
	float: right;
	cursor: pointer;
	display: none
}

.rui-user-item.selected .checkThis {
	display: block
}

.rui-user-item.disabled {
	cursor: not-allowed!important
}

.rui-user-item.disabled .userName {
	color: #a3a3a3
}

.rui-user-item.disabled .checkThis {
	cursor: inherit
}

.rui-user-list-selector {
	height: 100%
}

.selected-box-ui>li.selected i.icon-check {
	display: block
}

.selected-box-ui>li i.icon-check {
	float: right;
	display: none;
	font-size: .75rem;
	color: #1ba4ff;
	font-size: 18px
}

.auth-box {
	width: 120px;
	font-size: 12px;
	line-height: 1.5
}

.auth-box li.dropdown-item {
	overflow: hidden
}

.auth-box li.dropdown-item>span {
	float: left;
	max-width: calc(100% - 50px)
}

.tomato-clock {
	position: relative
}

.tomato-clock .out-side-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 220px;
	height: 220px;
	border-radius: 50%;
	border: 6px solid #fdc7c8
}

.tomato-clock canvas {
	background: transparent;
	margin-top: 5px;
	position: relative
}

.tomato-clock .clock-stat,
.tomato-clock .has-finished {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 36px;
	color: #ff6868
}

.tomato-clock .has-finished {
	display: none;
	font-size: 30px
}

.tomato-clock.is-end .has-finished {
	display: block
}

.tomato-clock.is-end .clock-stat {
	display: none
}

#navigator {
	min-height: 3.375rem;
	z-index: 1000;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .32);
	color: #757575;
	position: fixed;
	width: 100%;
	background: #fff
}

#navigator .nav-container {
	padding: .6875rem 1rem
}

#navigator .brand {
	text-align: center;
	float: left;
	width: 311px
}

#navigator .brand a {
	cursor: default
}

@media screen and (max-width:1245px) {
	#navigator .brand+div {
		width: 50%
	}
}

#navigator .nav-item {
	width: 3.75rem;
	height: 1.875rem;
	line-height: 1.286;
	text-align: center;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
	margin-left: 22px
}

#navigator .nav-item a.nav-link {
	color: #575757
}

#navigator .nav-item.active {
	background: #0083d7;
	box-shadow: 0 1px 3px 0 0, 0, 0, .18;
	border-radius: 3px
}

#navigator .nav-item.active a {
	color: hsla(0, 0%, 98%, .96)
}

#navigator .nav-item:first-child {
	margin-left: 93px
}

@media screen and (max-width:1024px) {
	#navigator .nav-item:first-child {
		margin-left: 0
	}
}

#navigator .nav-right {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0
}

#navigator .nav-right .menu-list {
	float: right;
	height: 100%;
	margin-bottom: 0
}

#navigator .nav-right .menu-list li {
	display: inline-block;
	height: 100%;
	line-height: 3.375rem;
	width: 40px;
	text-align: center;
	font-size: 20px;
	cursor: pointer
}

#navigator .nav-right .menu-list li:first-child {
	width: auto
}

#navigator .nav-right .menu-list li:first-child #searchInput {
	width: 156px;
	float: right;
	box-sizing: content-box;
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	margin-top: 14px;
	border: 0;
	background: transparent;
	border-bottom: 1px dashed rgba(0, 0, 0, .15);
	display: none
}

#navigator .nav-right .menu-list li.applicationBtn {
	margin-right: -6px
}

#navigator .nav-right .menu-list li.header-search {
	margin-right: 6px
}

#navigator .nav-right .menu-list li:nth-child(3) {
	position: relative
}

#navigator .nav-right .menu-list li i {
	color: #75818d
}

#navigator .nav-right .user-profile {
	float: right;
	height: 100%;
	padding: 9px 2rem;
	padding-right: 16px;
	margin-left: 6px;
	margin-right: 3px
}

#navigator .nav-right .user-profile .dropdown-toggle {
	margin-top: 2px
}

#navigator .nav-right .user-profile .avatar {
	height: 32px;
	width: 32px;
	border-radius: 2px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .23)
}

#navigator .nav-right .user-profile .name {
	margin-left: 8px;
	display: inline-block;
	vertical-align: middle
}

#navigator .nav-right .user-profile .name:after {
	display: inline-block;
	width: 0;
	height: 0;
	color: #ed736a;
	margin-right: .25rem;
	margin-left: 7px;
	vertical-align: middle;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent
}

#mainContent {
	position: absolute;
	left: 0;
	right: 0;
	top: 3.375rem;
	bottom: 0
}

#mainContent .container-left-content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 311px;
	background-color: #157dc7;
	box-shadow: 1px 0 1px 0 rgba(0, 0, 0, .1);
	overflow: hidden
}

#mainContent .container-right {
	position: absolute;
	left: 311px;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

#mainContent .container-right-top-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100px;
	background-color: #1889d3;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

#mainContent .container-right-bottom-bg {
	position: absolute;
	left: 0;
	top: 100px;
	right: 0;
	bottom: 0;
	background-color: #ddf1ff
}

#mainContent .container-right-content {
	position: absolute;
	left: 2rem;
	top: 0;
	right: 2rem;
	bottom: 0
}

#online-kf {
	font-size: 12px;
	position: absolute;
	bottom: 0;
	right: 31px;
	height: 30px;
	min-width: 56px;
	line-height: 29px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	padding: 0 20px;
	background: #0689dd;
	cursor: pointer
}

.doc-sidebar-wrap .doc-sidebar-left {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 229px;
	border-radius: 3px 0 0 3px;
	border-right: 1px solid #ebeced
}

.doc-sidebar-wrap .doc-sidebar-left .doc-item-small-more {
	border-bottom: 1px solid #ebeced
}

.doc-sidebar-wrap .doc-sidebar-left .doc-item-small-more:last-child {
	border-bottom: none
}

.doc-sidebar-wrap .doc-sidebar-left .doc-list-with-select {
	border-radius: 3px 0 0 3px
}

.doc-sidebar-wrap .doc-sidebar-right {
	position: absolute;
	left: 229px;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 0 3px 3px 0;
	overflow-x: hidden;
	background: #fff
}

.doc-sidebar-wrap .doc-sidebar-right .doc-detail-component {
	box-shadow: none;
	padding: 0 39px
}

.doc-detail-sidebar-sticky {
	position: absolute;
	left: 229px;
	right: 0;
	top: 0;
	min-height: 0;
	z-index: 2;
	background: #fff;
	padding: 0 39px
}

.doc-detail-sidebar-sticky .sault-doc-detail-turn-page {
	padding: 17px 0;
	border-top: none;
	margin: 0
}

.doc-detail-sidebar-sticky .doc-components-content-edit-toolbar {
	border-bottom: none;
	padding: 10px 0
}

.doc-detail-sidebar-sticky.with-active-element {
	border-bottom: 1px solid #eaeaea
}

.container-left-content {
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
	-webkit-transform: tranlate3d(0, 0, 0);
	transform: tranlate3d(0, 0, 0)
}

.container-left-content.first {
	-webkit-transition: none;
	transition: none
}

.container-left-content.out {
	width: 52px!important
}

.container-left-content.out .flex-side-bar {
	width: 52px
}

.container-left-content.out .flex-content {
	display: block
}

.container-left-content.out+.container-right {
	-webkit-transform: tranlate3d(0, 0, 0);
	transform: tranlate3d(0, 0, 0);
	left: 52px!important
}

.container-right {
	-webkit-transition: left .2s ease-out;
	transition: left .2s ease-out
}

.doc-detail {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -30px;
	padding: 34px 94px 20px 64px;
	overflow: auto;
	overflow-x: hidden
}

.doc-detail-layout-sticky {
	position: absolute;
	left: 64px;
	right: 70px;
	top: 0;
	min-height: 0;
	z-index: 2;
	background: #fff;
	padding: 0 65px
}

body.firefox .doc-detail-layout-sticky {
	right: 81px!important
}

body.firefox.mac .doc-detail-layout-sticky {
	right: 64px!important
}

body.edge .doc-detail-layout-sticky {
	right: 76px!important
}

body.ie .doc-detail-layout-sticky {
	right: 81px!important
}

.doc-detail-layout-sticky .sault-doc-detail-turn-page {
	padding: 17px 0;
	border-top: none;
	margin: 0
}

.doc-detail-layout-sticky .doc-components-content-edit-toolbar {
	border-bottom: none;
	padding: 10px 0
}

.doc-detail-layout-sticky.with-active-element {
	border-bottom: 1px solid #eaeaea
}

.doc-left-bar {
	height: 100%
}

.doc-left-bar .doc-collect-header {
	line-height: 64px;
	text-align: center
}

.doc-left-bar .doc-collect-header>span {
	margin-left: 18px;
	cursor: pointer;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46)
}

.doc-left-bar .doc-collect-header>span.active {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.doc-left-bar .doc-collect-header>span:first-child {
	margin-left: 0
}

.doc-left-bar .doc-collect-header>span:hover {
	opacity: 1;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.doc-left-bar .body {
	position: absolute;
	left: 0;
	top: 64px;
	right: 0;
	bottom: 8px;
	padding: 0 8px 0 19px;
	border-top: 1px solid rgba(0, 0, 0, .07);
	border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.doc-left-bar .body .doc-collect-list:nth-child(2):empty+ul,
.doc-left-bar .body .doc-collect-list>li:first-child {
	margin-top: 8px
}

.doc-left-bar .body .content {
	width: 100%;
	height: 100%;
	padding: 0 8px 20px 0;
	overflow-y: auto;
	overflow-x: hidden
}

.doc-left-bar .body .content .doc-add-item {
	width: 100%;
	height: 99px;
	background: #087db8;
	border-radius: 3px;
	text-align: center;
	line-height: 140px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.doc-left-bar .body .content .doc-add-item .plus {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .66);
	font-size: 55px
}

.doc-left-bar .body .content .doc-add-item:hover {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .13)
}

.doc-left-bar .body .content .my_placeholder:after {
	content: ' ';
	display: block;
	border-radius: 3px;
	width: 100%;
	height: 99px;
	position: relative;
	background: #0096f6;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	margin-bottom: 7px
}

.doc-main {
	height: 100%
}

.doc-main .doc-main-header {
	padding: 20px 0
}

.doc-main .doc-main-header a.new {
	margin-top: -4px
}

.doc-main .switch3Ul {
	float: right;
	margin-top: -4px
}

.doc-main .switch3Ul li {
	font-size: 20px!important
}

.doc-main .doc-list-wrap,
.doc-main .doc-sidebar-wrap {
	position: absolute;
	left: 0;
	top: 64px;
	right: 0;
	bottom: 30px;
	background: #f5f7f9;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .23);
	border-radius: 3px
}

.doc-main .doc-list-wrap {
	padding: 9px 9px 11px 20px;
	overflow: hidden
}

.doc-main .doc-list-wrap .wrap-title {
	position: absolute;
	left: 20px;
	right: 18px;
	top: 0;
	background: #f5f7f9;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	margin-bottom: 0;
	z-index: 1;
	line-height: 52px;
	font-size: 0;
	height: 53px
}

.doc-main .doc-list-wrap .wrap-title>span {
	display: inline-block;
	font-size: .8125rem;
	color: #666
}

.doc-main .doc-list-wrap .wrap-title>span.wrap-title-tip {
	width: 80px;
	text-align: center;
	cursor: pointer
}

.doc-main .doc-list-wrap .wrap-title>span.doc-last-edit-time-tip {
	width: 147px;
	margin-left: 10px
}

.doc-main .doc-list-wrap .wrap-title>span.doc-viewer-tip {
	width: 148px;
	margin-left: 10px
}

.doc-main .doc-list-wrap .wrap-title>span.doc-creator-tip {
	width: 80px;
	cursor: pointer
}

.doc-main .doc-list-wrap .wrap-title>span.doc-creator-tip .doc-creator-name {
	display: inline-block;
	max-width: calc(100% - 13px);
	vertical-align: bottom;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.doc-main .doc-list-wrap .wrap-title .doc-date-filter {
	float: left;
	left: 0
}

.doc-main .doc-list-wrap .wrap-title .doc-date-filter i {
	font-size: 20px;
	position: relative;
	top: 2px
}

.doc-main .doc-list-wrap .wrap-title .doc-list-date-tip {
	float: left;
	margin-left: 5px
}

.doc-main .doc-list-wrap .wrap-title.has-date-filter .doc-list-date-tip {
	display: none
}

.doc-main .doc-list-wrap .wrap-title .wrap-title-bar {
	display: inline-block;
	position: absolute;
	height: 3px;
	width: 80px;
	background-color: #1889d3;
	bottom: -2px;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.doc-main .doc-list-wrap .wrap-title .wrap-title-bar.doc-tip-bar-0 {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.doc-main .doc-list-wrap .wrap-title .wrap-title-bar.doc-tip-bar-1 {
	-webkit-transform: translateX(80px);
	transform: translateX(80px)
}

.doc-main .doc-list-wrap .wrap-title .wrap-title-bar.doc-tip-bar-2 {
	-webkit-transform: translateX(160px);
	transform: translateX(160px)
}

.doc-main .doc-list-wrap .doc-list-content {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 56px 5px 10px 2px
}

.doc-main .doc-list-wrap .doc-list-content .doc-item-basic {
	border-bottom: 1px solid #e2e2e2
}

.doc-main .doc-list-wrap .doc-list-content .doc-list-none-doc {
	text-align: center;
	display: none
}

.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
	margin-bottom: 50px
}

.doc-main .doc-list-wrap .doc-list-content .doc-date-separator:nth-child(1) {
	display: none
}

body.firefox.win .doc-list-wrap .wrap-title {
	right: 31px
}

body.firefox.mac .doc-list-wrap .wrap-title {
	right: 27px
}

body.firefox.mac .doc-list-wrap .doc-list-content {
	padding-right: 18px
}

body.ie .doc-list-wrap .wrap-title {
	right: 31px
}

body.edge .doc-list-wrap .wrap-title {
	right: 26px
}

@media (min-width:890px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 33.33333%
	}
}

@media (min-width:1040px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 25%
	}
}

@media (min-width:1190px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 20%
	}
}

@media (min-width:1340px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 16.66667%
	}
}

@media (min-width:1490px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 14.28571%
	}
}

@media (min-width:1640px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 12.5%
	}
}

@media (min-width:1790px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 11.11111%
	}
}

@media (min-width:1940px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 10%
	}
}

@media (min-width:2090px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 9.09091%
	}
}

@media (min-width:2240px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 8.33333%
	}
}

@media (min-width:2390px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 7.69231%
	}
}

@media (min-width:2540px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 7.14286%
	}
}

@media (min-width:2690px) {
	.doc-main .doc-list-wrap .doc-list-content .doc-item-block {
		width: 6.66667%
	}
}

@media (min-width:630px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 33.33333%
	}
}

@media (min-width:780px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 25%
	}
}

@media (min-width:930px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 20%
	}
}

@media (min-width:1080px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 16.66667%
	}
}

@media (min-width:1230px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 14.28571%
	}
}

@media (min-width:1380px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 12.5%
	}
}

@media (min-width:1530px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 11.11111%
	}
}

@media (min-width:1680px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 10%
	}
}

@media (min-width:1830px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 9.09091%
	}
}

@media (min-width:1980px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 8.33333%
	}
}

@media (min-width:2130px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 7.69231%
	}
}

@media (min-width:2280px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 7.14286%
	}
}

@media (min-width:2430px) {
	body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
		width: 6.66667%
	}
}

.doc-item-basic {
	position: relative;
	background: #fff;
	border-radius: 3px;
	cursor: pointer
}

.doc-item-basic .doc-item-icon {
	width: 36px;
	line-height: 1.28
}

.doc-item-more {
	padding: 6px 260px 6px 74px;
	line-height: 38px;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1);
	border-radius: 0
}

.doc-item-more .doc-item-icon {
	position: absolute;
	left: 15px;
	top: 6px;
	bottom: 6px;
	padding: 2.75px 0;
	text-align: center
}

.doc-item-more .doc-item-icon.doc-item-icon-define {
	padding: 6px 0
}

.doc-item-more .doc-item-post-date {
	display: inline-block
}

.doc-item-more .collect-type-daily {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: -105px -128px;
	width: 24px;
	height: 26px;
	color: #d87062;
	padding-top: 8px;
	font-size: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-more .collect-type-daily {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-more .collect-type-month {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: -153px -128px;
	width: 24px;
	height: 26px;
	color: #95d381;
	padding-top: 8px;
	font-size: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-more .collect-type-month {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-more .collect-type-week {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: -177px -128px;
	width: 24px;
	height: 26px;
	color: #d3c24c;
	padding-top: 8px;
	font-size: 15px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-more .collect-type-week {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-more .doc-item-doc-icon {
	color: #087db8;
	font-size: 38px;
	position: relative;
	left: -3px;
	top: -5px
}

.doc-item-more .doc-item-head {
	line-height: 38px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.doc-item-more .doc-item-more-wrapper {
	position: absolute;
	top: 6px;
	right: 0;
	bottom: 6px;
	font-size: 0
}

.doc-item-more .doc-item-creator {
	display: inline-block;
	width: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.doc-item-more .doc-item-viewer {
	width: 160px
}

.doc-item-more .doc-item-edit-time,
.doc-item-more .doc-item-viewer {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 10px
}

.doc-item-more .doc-item-edit-time {
	width: 147px
}

.doc-item-more .doc-item-operate,
.doc-item-more.hover .doc-item-edit-time,
.doc-item-more:hover .doc-item-edit-time {
	display: none
}

.doc-item-more.hover .doc-item-operate,
.doc-item-more:hover .doc-item-operate {
	display: inline-block;
	width: 147px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 10px
}

.doc-item-more.hover .doc-item-operate>a,
.doc-item-more:hover .doc-item-operate>a {
	margin-left: 10px
}

.doc-item-more.hover .doc-item-operate>a:first-child,
.doc-item-more:hover .doc-item-operate>a:first-child {
	margin-left: 0
}

.doc-item-block {
	vertical-align: top;
	display: inline-block;
	min-width: 150px;
	width: 150px;
	text-align: center;
	font-size: 0;
	cursor: pointer
}

.doc-item-block .doc-item-block-icon {
	width: 105px;
	height: 128px;
	margin-bottom: 8px;
	display: inline-block
}

.doc-item-block .doc-item-block-title {
	font-size: .875rem;
	color: #333;
	width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block
}

.doc-item-block .doc-item-block-info {
	font-size: 0;
	width: 150px;
	display: inline-block
}

.doc-item-block .doc-item-block-info .doc-item-block-name {
	vertical-align: top;
	display: inline-block;
	max-width: 4.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 5px
}

.doc-item-block.doc-item-block-daily .doc-item-block-icon {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: 0 0;
	width: 105px;
	height: 128px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-block.doc-item-block-daily .doc-item-block-icon {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-block.doc-item-block-week .doc-item-block-icon {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: 0 -128px;
	width: 105px;
	height: 128px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-block.doc-item-block-week .doc-item-block-icon {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-block.doc-item-block-month .doc-item-block-icon {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: -210px 0;
	width: 105px;
	height: 128px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-block.doc-item-block-month .doc-item-block-icon {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-block.doc-item-block-essays .doc-item-block-icon {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
	background-position: -105px 0;
	width: 105px;
	height: 128px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.doc-item-block.doc-item-block-essays .doc-item-block-icon {
		background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
		background-size: 315px 256px
	}
}

.doc-item-small {
	padding: 13px 74px;
	padding-left: 59px;
	padding-right: 20px;
	border-radius: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .03)
}

.doc-item-small .doc-item-icon {
	position: absolute;
	left: 0;
	top: 13px;
	bottom: 13px
}

.doc-item-small .doc-item-doc-icon {
	color: #087db8;
	font-size: 42px;
	position: relative;
	left: -3px;
	top: -2px
}

.doc-item-small .doc-item-head {
	position: relative;
	line-height: 1.445;
	overflow: hidden;
	white-space: nowrap
}

.doc-item-small .doc-item-title {
	margin-right: 18px
}

.doc-item-small .doc-item-brief {
	display: inline-block;
	line-height: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	top: 2px
}

.doc-item-small .doc-item-brief * {
	display: inline-block;
	line-height: 17px;
	font-size: 14px!important;
	margin-bottom: 0
}

.doc-item-small .doc-item-post-date {
	text-align: center;
	background: #fff;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23)
}

.doc-item-small .doc-item-post-date.collect-type-daily .doc-item-post-date-up {
	background: #d87062
}

.doc-item-small .doc-item-post-date.collect-type-week .doc-item-post-date-up {
	background: #0082d6
}

.doc-item-small .doc-item-post-date.collect-type-month .doc-item-post-date-up {
	background: #62d877
}

.doc-item-small-more {
	padding: 9px 17px;
	padding-right: 40px;
	border-radius: 0;
	background: #f5f7f9
}

.doc-item-small-more .doc-item-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.doc-item-small-more .doc-item-title .doc-item-type-character {
	font-size: 12px;
	display: inline-block;
	height: 14px;
	width: 14px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	position: relative;
	top: -2px
}

.doc-item-small-more .doc-item-title .doc-item-type-character.docitem-essays {
	background: #52a5db
}

.doc-item-small-more .doc-item-title .doc-item-type-character.docitem-daily {
	background: #d67062
}

.doc-item-small-more .doc-item-title .doc-item-type-character.docitem-week {
	background: #d1c04c
}

.doc-item-small-more .doc-item-title .doc-item-type-character.docitem-month {
	background: #95d282
}

.doc-item-small-more .doc-item-info {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.doc-item-small-more .doc-item-operate {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 54px;
	width: 40px;
	display: none;
	text-align: center
}

.doc-item-small-more .doc-item-operate i {
	font-size: 18px
}

.doc-item-small-more .doc-item-operate.hover .dropdown-menu,
.doc-item-small-more .doc-item-operate:hover .dropdown-menu {
	display: block;
	top: 80%;
	right: 5px
}

.doc-item-small-more.doc-selected {
	background-color: #fff
}

.doc-item-small-more.doc-selected .doc-item-operate,
.doc-item-small-more.hover .doc-item-operate,
.doc-item-small-more:hover .doc-item-operate {
	display: block
}

.doc-check {
	left: 6.625rem;
	right: 0;
	overflow: auto;
	padding-top: 17px;
	padding-right: 5.625rem;
	padding-left: 1rem
}

.doc-check,
.doc-edit {
	position: absolute;
	top: 0;
	bottom: 0
}

.doc-edit {
	left: -18px;
	right: -18px
}

.doc-edit .doc-edit-area {
	position: absolute;
	left: 5.625rem;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	overflow-x: hidden;
	padding-right: 5.625rem
}

.doc-edit.no-scroll-bar-y {
	overflow: hidden
}

.doc-edit.no-scroll-bar-y .doc-edit-area {
	right: -2rem;
	padding-right: 7.625rem
}

.doc-edit .doc-edit-operate {
	position: absolute;
	right: 20px;
	top: 25px;
	width: 71px
}

.doc-edit .doc-edit-operate .btn {
	margin-left: 13px;
	margin-bottom: 13px
}

@media screen and (min-width:1250px) {
	.doc-edit .doc-edit-area {
		left: 10.625rem;
		padding-right: 10.625rem
	}
	.doc-edit.no-scroll-bar-y .doc-edit-area {
		padding-right: 12.625rem
	}
	.doc-edit .doc-edit-operate {
		width: auto
	}
}

.doc-simditor-editor {
	padding-top: 17px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	margin-bottom: 50px
}

.doc-simditor-editor .simditor {
	border: none
}

.doc-simditor-editor .simditor .simditor-wrapper {
	background: none
}

.doc-simditor-editor .simditor .simditor-body {
	background: #fff
}

.doc-simditor-editor .simditor .edit-title-area {
	margin-top: 17px;
	background: #fff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

.doc-simditor-editor .more-info {
	padding: 20px 50px;
	background: #fff;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	box-shadow: 0 5px 7px -3px rgba(0, 0, 0, .33)
}

.doc-simditor-editor .about-info {
	text-align: center;
	line-height: 34px;
	color: #75818d
}

.doc-simditor-editor .about-info .center-dot {
	font-weight: bolder
}

.doc-simditor-editor.doc-simditor-new-doc .simditor-body {
	min-height: 1300px
}

.doc-simditor-editor.normal-editor {
	padding-top: 0;
	margin-bottom: 0
}

.doc-simditor-editor.normal-editor .simditor .edit-title-area {
	margin-top: 0
}

.doc-simditor-editor.normal-editor .more-info {
	box-shadow: none
}

.doc-simditor-editor.normal-editor .about-info {
	border-top: 1px solid rgba(0, 0, 0, .09)
}

.doc-board-style .title-area {
	padding-top: 53px;
	padding-left: 50px;
	padding-right: 50px
}

.doc-board-style .title-area .title-wrapper {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	padding-bottom: 20px;
	padding-right: 78px
}

.doc-board-style .title-area .title-wrapper .title {
	font-size: 1.75rem;
	color: #666;
	line-height: 1;
	min-height: 1em
}

.doc-board-style .title-area .title-wrapper .title.align-center {
	text-align: center
}

.doc-board-style .title-area .title-wrapper .info-more {
	position: absolute;
	top: -5px;
	right: 0;
	min-height: 38px;
	min-width: 40px
}

.doc-board-style .title-area .title-wrapper .info-more .rui-loading-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #fff
}

.doc-board-style .body-area {
	padding-left: 50px!important;
	padding-right: 50px!important;
	padding-top: 22px!important;
	word-break: break-word;
	color: #666
}

.doc-board-style .body-area img {
	margin: 0!important;
	resize: none;
	max-width: 100%!important;
	height: auto!important
}

.doc-board-style .body-area div,
.doc-board-style .body-area p {
	color: #666
}

.doc-board-style.normal-style .title-area {
	padding-top: 20px
}

#mainBody .doc-edit-simditor-toolbar {
	padding: 11px 0;
	border: none;
	background: none;
	z-index: 2
}

#mainBody .doc-edit-simditor-toolbar>ul>li>span.separator {
	background: hsla(0, 0%, 100%, .87)
}

#mainBody .doc-edit-simditor-toolbar>ul>li .toolbar-item {
	color: hsla(0, 0%, 100%, .87)
}

#mainBody .doc-edit-simditor-toolbar>ul>li.menu-on .toolbar-item,
#mainBody .doc-edit-simditor-toolbar>ul>li .more-option .toolbar-item {
	color: #000
}

#mainBody .doc-edit-simditor-toolbar.hasGenerate {
	padding-right: 100px
}

#mainBody .doc-edit-simditor-toolbar:not(.normal-toolbar) .doc-generate .btn {
	background: none
}

#mainBody .doc-edit-simditor-toolbar .doc-generate {
	position: absolute;
	top: 8px;
	right: 5px
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .btn {
	border-color: hsla(0, 0%, 100%, .6);
	color: hsla(0, 0%, 100%, .6);
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 1!important
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .btn:hover {
	color: #fff;
	border-color: #fff
}

#mainBody .doc-edit-simditor-toolbar .doc-generate.doc_vip .btn {
	padding-right: 28px
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more {
	position: absolute;
	font-size: 20px;
	top: 5px;
	right: 7px;
	cursor: pointer
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu {
	padding: 10px 20px;
	margin-top: 7px
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu h6,
#mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu label {
	margin-bottom: 0
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item {
	padding-right: 50px;
	position: relative
}

#mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item .toggle {
	position: absolute;
	right: 0;
	top: 7px
}

#mainBody .doc-edit-simditor-toolbar.sticky {
	position: absolute;
	left: 72px;
	right: 78px
}

body.firefox .doc-edit-simditor-toolbar.sticky {
	right: 89px!important
}

body.firefox.mac .doc-edit-simditor-toolbar.sticky {
	right: 87px!important
}

body.edge .doc-edit-simditor-toolbar.sticky {
	right: 84px!important
}

body.ie .doc-edit-simditor-toolbar.sticky {
	right: 89px!important
}

@media screen and (min-width:1250px) {
	#mainBody .doc-edit-simditor-toolbar.sticky {
		left: 152px;
		right: 158px
	}
	body.firefox .doc-edit-simditor-toolbar.sticky {
		right: 169px!important
	}
	body.firefox.mac .doc-edit-simditor-toolbar.sticky {
		right: 167px!important
	}
	body.edge .doc-edit-simditor-toolbar.sticky {
		right: 164px!important
	}
	body.ie .doc-edit-simditor-toolbar.sticky {
		right: 169px!important
	}
}

#mainBody .doc-edit-simditor-toolbar.reverse {
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

#mainBody .doc-edit-simditor-toolbar.reverse>ul>li .toolbar-item {
	color: #000
}

#mainBody .doc-edit-simditor-toolbar.reverse>ul>li>span.separator {
	background: #000
}

#mainBody .doc-edit-simditor-toolbar.reverse .doc-generate .btn {
	border-color: #000;
	color: #000
}

#mainBody .doc-edit-simditor-toolbar .custom-item {
	font-size: 22px!important
}

#mainBody .doc-edit-simditor-toolbar .more-option.open {
	z-index: 2;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

#mainBody .doc-edit-simditor-toolbar .more-option {
	position: absolute;
	top: 106%;
	right: 0;
	z-index: 0;
	opacity: 0;
	width: auto;
	border: none;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 3px;
	background: #fff;
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px)
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul {
	padding-left: 0
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul,
#mainBody .doc-edit-simditor-toolbar>ul {
	margin: 0;
	padding: 0 0 0 6px;
	list-style: none;
	white-space: nowrap
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li:first-child[data-type=separator],
#mainBody .doc-edit-simditor-toolbar>ul>li:first-child[data-type=separator] {
	position: absolute;
	opacity: 0
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li,
#mainBody .doc-edit-simditor-toolbar>ul>li {
	position: relative;
	display: inline-block;
	font-size: 0
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>span.separator,
#mainBody .doc-edit-simditor-toolbar>ul>li>span.separator {
	display: inline-block;
	background: #cfcfcf;
	width: 1px;
	height: 18px;
	margin: 5px 15px;
	vertical-align: middle
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item {
	display: inline-block;
	width: 28px;
	height: 28px;
	outline: none;
	font-size: 15px;
	line-height: 28px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-more-option,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-more-option {
	font-size: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item span,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item span {
	opacity: .6;
	-webkit-transition: all .3s;
	transition: all .3s
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item span.simditor-icon,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item span.simditor-icon {
	display: inline;
	line-height: normal
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item:hover span,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item:hover span {
	opacity: 1
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.active,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.active {
	background: #eee
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.active span,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.active span {
	opacity: 1
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.disabled,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.disabled {
	cursor: default
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.disabled span,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.disabled span {
	opacity: .3
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title span:before {
	content: "H";
	font-size: 19px;
	font-weight: 700;
	font-family: Times New Roman
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h1 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h1 span:before {
	content: 'H1';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h2 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h2 span:before {
	content: 'H2';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-title.active-h3 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-title.active-h3 span:before {
	content: 'H3';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-image,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-image {
	position: relative;
	overflow: hidden
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-image>input[type=file],
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-image>input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	font-size: 100px;
	cursor: pointer
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-font span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-font span:before {
	font-size: 19px;
	font-weight: 700;
	font-family: Times New Roman
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-12 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-12 span:before {
	content: '12';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-14 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-14 span:before {
	content: '14';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-16 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-16 span:before {
	content: '16';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-18 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-18 span:before {
	content: '18';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-20 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-20 span:before {
	content: '20';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-24 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-24 span:before {
	content: '24';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-30 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-30 span:before {
	content: '30';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li>.toolbar-item.toolbar-item-fontScale.active-36 span:before,
#mainBody .doc-edit-simditor-toolbar>ul>li>.toolbar-item.toolbar-item-fontScale.active-36 span:before {
	content: '36';
	font-size: 18px
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li.menu-on .toolbar-item,
#mainBody .doc-edit-simditor-toolbar>ul>li.menu-on .toolbar-item {
	position: relative;
	z-index: 20;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li.menu-on .toolbar-item span,
#mainBody .doc-edit-simditor-toolbar>ul>li.menu-on .toolbar-item span {
	opacity: 1
}

#mainBody .doc-edit-simditor-toolbar .more-option>ul>li.menu-on .toolbar-menu,
#mainBody .doc-edit-simditor-toolbar>ul>li.menu-on .toolbar-menu {
	display: block
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 21;
	background: #fff;
	text-align: left;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3)
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu:before,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu:before {
	content: '';
	display: block;
	width: 28px;
	height: 4px;
	background: #fff;
	position: absolute;
	top: -3px;
	left: 0
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul {
	min-width: 160px;
	list-style: none;
	margin: 0;
	padding: 10px 1px
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item {
	display: block;
	font-size: 16px;
	line-height: 2em;
	padding: 0 10px;
	text-decoration: none;
	color: #666
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item:hover,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item:hover {
	background: #f6f6f6
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h1,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h1 {
	font-size: 24px;
	color: #333
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h2,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h2 {
	font-size: 22px;
	color: #333
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h3,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h3 {
	font-size: 20px;
	color: #333
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h4,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h4 {
	font-size: 18px;
	color: #333
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .menu-item.menu-item-h5,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .menu-item.menu-item-h5 {
	font-size: 16px;
	color: #333
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul>li .separator,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu ul>li .separator {
	display: block;
	border-top: 1px solid #ccc;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 6px 0
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color {
	width: 96px
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
	height: 40px;
	margin: 10px 6px 6px 10px;
	padding: 0;
	min-width: 0
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
	float: left;
	margin: 0 4px 4px 0
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
	display: block;
	width: 16px;
	height: 16px;
	background: #dfdfdf;
	border-radius: 2px
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
	opacity: .8
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
	background: #333
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-1,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
	background: #e33737
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-2,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
	background: #e28b41
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-3,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
	background: #c8a732
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-4,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
	background: #209361
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-5,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
	background: #418caf
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-6,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
	background: #aa8773
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-7,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
	background: #999
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
	background: #fff;
	padding: 1px
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
	padding: 0;
	cursor: pointer
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td:before,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	background: #f3f3f3;
	display: block;
	content: ''
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before {
	background: #cfcfcf
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
	display: none
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table ul li,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
	white-space: nowrap
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
	position: relative;
	overflow: hidden
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file],
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	font-size: 100px;
	cursor: pointer
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-alignment,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-alignment {
	width: 100%
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-alignment ul,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-alignment ul {
	min-width: 100%
}

#mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-alignment .menu-item,
#mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
	text-align: center
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar {
	padding-left: 38px
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar>ul>li>span.separator {
	background: #cfcfcf
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar>ul>li .toolbar-item {
	color: #333
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar>ul>li.menu-on .toolbar-item {
	color: #000
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar.hasGenerate {
	padding-right: 178px
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate {
	right: 50px;
	border: 1px solid #b6b6b6;
	border-radius: 5px
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate.doc_vip .btn {
	padding-right: 36px;
	padding-left: 8px
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .btn {
	background: #fff;
	color: #c4c4c4
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more {
	top: 0;
	right: 0;
	bottom: 0;
	width: 32px;
	background: #fff;
	color: #c4c4c4;
	border-radius: 0 .25rem .25rem 0;
	border-left: 1px solid #b6b6b6
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more>i {
	line-height: 32px
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu {
	padding: 10px 20px;
	margin-top: 7px
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu h6,
#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu label {
	margin-bottom: 0
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item {
	padding-right: 50px;
	position: relative
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item .toggle {
	line-height: 1.125rem
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate:hover .btn {
	background: #1ba4ff;
	color: #fff
}

#mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate:hover .setting-more {
	color: #333;
	border-left: none
}

.doc-template-setting {
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .18);
	border-radius: 2px;
	width: 560px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 45px 36px;
	margin-bottom: 20px;
	position: relative
}

.doc-template-setting .close {
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 24px;
	color: #238bdf;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.doc-template-setting .close:hover {
	color: #087db8
}

.doc-template-setting .banner {
	height: 50px;
	padding: 15px 0;
	text-align: right
}

.doc-template-setting .banner h6 {
	margin-bottom: 0;
	line-height: 20px
}

.doc-template-setting .banner .item {
	display: inline-block;
	height: 20px;
	width: 100px;
	text-align: left
}

.doc-template-setting .banner .item>span {
	margin-left: 10px;
	float: left
}

.doc-template-setting .banner .item .rui-radio {
	float: left
}

.doc-template-setting .banner .item:last-child {
	width: auto
}

.doc-template-setting .template-list {
	margin-top: 15px;
	line-height: 18px
}

.doc-template-setting .template-list .content-wrap {
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.doc-template-setting .template-list .content-wrap input {
	padding: 0;
	border: 0;
	width: 100%;
	background: none
}

.doc-template-setting .template-list>ul {
	padding-top: 20px;
	padding-left: 20px
}

.doc-template-setting .template-list>ul .doc-template-item {
	position: relative;
	background: #f0f5fa;
	height: 36px;
	padding: 9px 10px;
	margin-bottom: 6px;
	border-radius: 2px;
	padding-right: 75px
}

.doc-template-setting .template-list .btn-wrap {
	position: absolute;
	right: 10px;
	top: 9px;
	text-align: right
}

.doc-template-setting .template-list .btn-wrap span {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .3s;
	transition: all .3s
}

.doc-template-setting .template-list .btn-wrap span:hover {
	opacity: 1
}

.doc-template-setting .template-bottom {
	overflow: hidden;
	margin-top: 15px
}

.doc-template-setting .template-bottom .template-add {
	cursor: pointer;
	opacity: .8;
	-webkit-transition: all .3s;
	transition: all .3s
}

.doc-template-setting .template-bottom .template-add:hover {
	opacity: 1
}

.doc-empty-doc-items {
	text-align: center;
	padding-top: 60px
}

.doc-empty-doc-items .book-icon {
	background: #b7d8ee;
	display: inline-block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	text-align: center;
	margin-bottom: 2rem
}

.doc-empty-doc-items .book-icon i {
	color: #fff;
	font-size: 47px;
	line-height: 60px
}

.doc-empty-doc-items p {
	margin: 0
}

.doc-empty-list-with-new-btn {
	height: 100%
}

.doc-empty-list-with-new-btn .doc-empty-content {
	text-align: center;
	position: relative;
	top: 50%;
	margin-top: -28px
}

.doc-empty-list-with-new-btn .doc-empty-content>p {
	margin-bottom: 4px
}

.doc-date-separator {
	line-height: 30px;
	padding-left: 14px;
	color: #75818d;
	margin-bottom: 5px
}

.doc-list-with-select {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

.kanban-view .container-left-content {
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
	-webkit-transform: tranlate3d(0, 0, 0);
	transform: tranlate3d(0, 0, 0)
}

.kanban-view .container-left-content.first {
	-webkit-transition: none;
	transition: none
}

.kanban-view .container-left-content.out {
	width: 52px!important
}

.kanban-view .container-left-content.out .flex-side-bar {
	width: 52px
}

.kanban-view .container-left-content.out .flex-content {
	display: block
}

.kanban-view .container-left-content.out+.container-right {
	-webkit-transform: tranlate3d(0, 0, 0);
	transform: tranlate3d(0, 0, 0);
	left: 52px!important
}

.kanban-view .kanban-left-bar {
	width: 100%;
	height: 100%;
	position: relative
}

.kanban-view .kanban-left-bar .kanban-left-header {
	width: 100%;
	height: 63px;
	text-align: center;
	line-height: 63px;
	border-bottom: 1px solid #1375bb
}

.kanban-view .kanban-left-bar .kanban-left-header .f-c {
	vertical-align: sub;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-nomal {
	cursor: pointer;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46);
	-webkit-transition: all .2s;
	transition: all .2s
}

.kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-nomal:hover {
	opacity: 1;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-star {
	cursor: pointer;
	margin-left: 18px;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .46);
	-webkit-transition: all .2s;
	transition: all .2s
}

.kanban-view .kanban-left-bar .kanban-left-header .f-c .active,
.kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-star:hover {
	opacity: 1;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.kanban-view .kanban-left-bar .kanban-left-body {
	position: absolute;
	top: 64px;
	width: 100%;
	padding: 0 8px 0 19px;
	bottom: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	padding-right: 2px
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y {
	width: 100%;
	height: 100%;
	padding: 0 16px 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding-left: 6px;
	margin-left: -6px
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x {
	width: 270px;
	height: 100%;
	position: relative
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x>.body-ul {
	position: absolute;
	left: 0;
	right: 0;
	bttom: 0;
	top: 0;
	padding-bottom: 20px
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x>.body-ul>.kanban-Add-Item-ul,
.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x>.body-ul>li:nth-child(1) {
	margin-top: 8px
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x>.body-ul li+ul.kanban-Add-Item-ul {
	margin-top: 0
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x>.body-ul .my_placeholder:after {
	content: ' ';
	display: block;
	border-radius: 3px;
	width: 100%;
	height: 99px;
	position: relative;
	background: #0096f6;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	margin-bottom: 7px
}

.kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x .body-ul.star {
	display: none
}

.kanban-Add-Item {
	width: 100%;
	height: 99px;
	background: #087db8;
	border-radius: 3px;
	text-align: center;
	line-height: 140px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-Add-Item .plus {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	font-size: 55px
}

.kanban-Add-Item:hover {
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .13)
}

.kanban-Item-date {
	display: none;
	height: 22px;
	background: #ddf1ff;
	border-radius: 2px;
	float: left;
	margin-top: 1px;
	margin-bottom: 10px
}

.kanban-Item-date>ul {
	height: 100%;
	white-space: nowrap;
	padding: 0 5px
}

.kanban-Item-date>ul li {
	float: left;
	font-size: 12px;
	color: rgba(0, 0, 0, .34)
}

.kanban-Item-date>ul li>span {
	line-height: 24px
}

.kanban-Item-date>ul .font {
	font-size: 16px;
	line-height: 26px;
	margin-right: 2px
}

.kanban-Item-subTask {
	float: left;
	white-space: nowrap;
	height: 22px;
	margin-top: 1px;
	margin-bottom: 10px;
	background: transparent!important
}

.kanban-Item-subTask ul {
	border-radius: 2px;
	padding: 0 5px;
	overflow: hidden;
	background: #f2f2f2
}

.kanban-Item-subTask ul li {
	float: left;
	font-size: 12px;
	color: rgba(0, 0, 0, .34);
	height: 22px
}

.kanban-Item-subTask ul .font {
	font-size: 14px;
	line-height: 22px
}

.kanban-Item-subTask ul .num {
	margin-left: 5px;
	line-height: 22px
}

.kanban-Item-issued {
	float: left;
	white-space: nowrap
}

.kanban-Item-issued:empty {
	display: none
}

.kanban-Item-issued li {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	position: relative
}

.kanban-Item-issued li.kanban-Item-issuedItem {
	margin-bottom: 100px
}

.kanban-Item-issued li.head.icon-star:before {
	position: absolute;
	top: 16px;
	left: 16px;
	color: #f3b00b
}

.kanban-Item-issued li div,
.kanban-Item-issued li img {
	width: 100%;
	height: 100%;
	border-radius: 2px
}

.kanban-Item-issued li div {
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: 50%!important
}

.kanbanItem-add {
	width: 100%;
	margin-bottom: 10px;
	display: none;
	width: 238px;
	padding: 7px;
	background: #fff;
	position: relative
}

.kanbanItem-add textarea {
	background: #fff;
	width: 100%;
	height: 61px;
	border-radius: 3px;
	border: 1px solid #e8e8e8;
	font-size: .75rem;
	color: #666;
	margin-bottom: 0;
	padding: 9px;
	max-height: 133px
}

.kanbanItem-add textarea:focus {
	outline: none
}

.kanbanItem-add textarea:-moz-placeholder,
.kanbanItem-add textarea::-moz-placeholder {
	color: rgba(0, 0, 0, .3)
}

.kanbanItem-add textarea:-ms-textarea-placeholder {
	color: rgba(0, 0, 0, .3)
}

.kanbanItem-add span {
	float: left;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanbanItem-add .cancel {
	margin-left: 5px
}

.kanbanItem-add .features {
	-webkit-transition: height .2s ease-out;
	transition: height .2s ease-out;
	height: 87px;
	overflow: hidden;
	margin-bottom: 3px
}

.kanbanItem-add .features .icon-add {
	background: #bbd1dc;
	width: 22px;
	height: 22px;
	color: #fff!important;
	border-radius: 50%;
	line-height: 20px;
	display: inline-block
}

.kanbanItem-add .features .icon-add:before {
	margin-left: 2px;
	cursor: pointer
}

.kanbanItem-add .features>li {
	height: 42px;
	line-height: 42px;
	color: #666;
	padding-left: 9px;
	border-bottom: 1px solid #eaeaea
}

.kanbanItem-add .features>li>i {
	font-size: 18px;
	vertical-align: sub;
	color: #75818d;
	cursor: pointer
}

.kanbanItem-add .features>li>i:nth-child(1) {
	margin-top: 10px;
	margin-right: 7px
}

.kanbanItem-add .features>li.person {
	overflow: hidden
}

.kanbanItem-add .features>li.person .members {
	overflow: hidden;
	float: left;
	max-width: calc(100% - 68px)
}

.kanbanItem-add .features>li.person .members:empty+.icon-add {
	margin-left: 0
}

.kanbanItem-add .features>li.person .members li {
	float: left;
	cursor: pointer
}

.kanbanItem-add .features>li.person .members li img {
	width: 24px;
	height: 24px;
	border-radius: 2px;
	margin-top: -2px
}

.kanbanItem-add .features>li.person .members li+li {
	margin-left: 5px
}

.kanbanItem-add .features>li.person .icon-add {
	margin-left: 7px
}

.kanbanItem-add .features>li>span {
	color: #666
}

.kanbanItem-add .features>li>span:before {
	color: inherit
}

.kanbanItem-add .features>li .date-caption,
.kanbanItem-add .features>li .priority-caption {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 59px)
}

.kanbanItem-add .features>li .date-caption,
.kanbanItem-add .features>li .date-caption:empty:before,
.kanbanItem-add .features>li .priority-caption,
.kanbanItem-add .features>li .priority-caption:empty:before {
	cursor: pointer
}

.kanbanItem-add .features>li.date>.date-caption:empty:before {
	content: '\8BBE\7F6E\65E5\671F'
}

.kanbanItem-add .features>li.priority>.priority-caption:empty:before {
	content: '\8BBE\7F6E\4F18\5148\7EA7'
}

.kanbanItem-add .slide {
	position: absolute;
	right: 8px;
	bottom: 9px;
	font-size: 13px;
	color: #a3a3a3
}

.kanbanItem-add .slide:before {
	cursor: pointer
}

.kanbanItem-add input[type=checkbox] {
	position: absolute;
	right: 8px;
	bottom: -2px;
	width: 40px;
	height: 30px;
	z-index: 2;
	opacity: 0;
	cursor: pointer
}

.kanbanItem-add input[type=checkbox]+.slide:before {
	content: '\66F4\591A'
}

.kanbanItem-add input[type=checkbox]:checked+.slide:before {
	content: '\6536\8D77'
}

.kanbanItem-add input[type=checkbox]:checked~ul.features {
	height: 131px
}

.kanban-item-list+.kanbanItem-add {
	margin-top: 5px
}

.kanban-Item-container {
	background: #fff;
	border-radius: 2px;
	margin: 6px 0;
	width: 238px;
	padding: 5px 0 5px 10px;
	min-height: 42px;
	zoom: 1;
	border: 1px solid #ededed;
	border-bottom-color: #d8d8d8;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-Item-container:hover {
	background-color: #f2f2f2
}

.kanban-Item-container.finish .right .row1>span {
	text-decoration: line-through;
	color: #a3a3a3
}

.kanban-Item-container.blinkAnimate {
	-webkit-animation: blinkAni 2s linear;
	animation: blinkAni 2s linear
}

@-webkit-keyframes blinkAni {
	0% {
		background: #fff
	}
	12.5% {
		background: #f2f2f2
	}
	25% {
		background: #fff
	}
	37.5% {
		background: #f2f2f2
	}
	50% {
		background: #fff
	}
	62.5% {
		background: #f2f2f2
	}
	75% {
		background: #fff
	}
	87.5% {
		background: #f2f2f2
	}
	to {
		background: #fff
	}
}

.kanban-Item-container .left {
	float: left;
	width: 20px;
	background-color: inherit;
	margin-top: 2px
}

.kanban-Item-container .left .checkboxContainer {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 3px;
	background-color: inherit
}

.kanban-Item-container .right {
	float: left;
	width: 205px;
	cursor: pointer;
	padding: 0 0 0 8px;
	overflow: hidden
}

.kanban-Item-container .right .node {
	width: 0;
	height: 0;
	float: left
}

.kanban-Item-container .right .row1 {
	min-height: 32px;
	padding: 2px 0;
	width: 180px;
	word-wrap: break-word;
	white-space: normal;
	line-height: 28px
}

.kanban-Item-container .right .row1>span {
	font-size: .8125rem;
	color: #333
}

.kanban-Item-container .right .kanban-Item-issued {
	max-width: 100%;
	max-height: 32px;
	overflow: hidden
}

.kanban-Item-container .right .otherInfo {
	margin-right: 5px
}

.kanban-Item-container .right .row1+.itemBottom {
	width: 100%;
	height: 0
}

.kanban-Item-container .right .itemBottom {
	width: 100%;
	height: 0;
	float: left
}

.kanban-Item-container .right .kanban-Item-date+.itemBottom,
.kanban-Item-container .right .kanban-Item-subTask+.itemBottom {
	height: 5px
}

.kanban-Item-container .right .kanban-Item-issued+.itemBottom {
	height: 3px
}

.kanban-Item-container .right .oneJoinUser+.itemBottom {
	height: 0
}

.kanban-Item-container .right .kanban-Item-date+.oneJoinUser+.itemBottom,
.kanban-Item-container .right .kanban-Item-subTask+.oneJoinUser+.itemBottom {
	height: 1px
}

.kanban-Item-container .right .kanban-Item-Label {
	float: left;
	max-width: 10rem;
	overflow: hidden;
	display: block;
	height: 22px;
	line-height: 22px;
	background: #f5f5f5;
	padding: 0 1rem 0 .5rem;
	position: relative;
	margin: 1px 5px 11px 0;
	border-radius: 2px
}

.kanban-Item-container .right .kanban-Item-Label span {
	display: block;
	float: left;
	max-width: 8rem;
	overflow: hidden
}

.kanban-Item-container .right .kanban-Item-Label:after {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	right: 6px;
	top: 7px;
	border-radius: 50%
}

.kanban-Item-container .right .kanban-Item-Label[data-color='1']:after {
	background: #ed8a8a
}

.kanban-Item-container .right .kanban-Item-Label[data-color='2']:after {
	background: #6d4e4e
}

.kanban-Item-container .right .kanban-Item-Label[data-color='3']:after {
	background: #8aed90
}

.kanban-Item-container .right .kanban-Item-Label[data-color='4']:after {
	background: #8aabed
}

.kanban-Item-container .right .kanban-Item-Label[data-color='5']:after {
	background: #dedede
}

.kanban-Item-container .right .kanban-Item-Label[data-color='6']:after {
	background: #766a6a
}

.kanban-Item-container .right .kanban-Item-Label[data-color='7']:after {
	background: #c38aed
}

.kanban-Item-container .right .kanban-Item-Label[data-color='8']:after {
	background: #dced8a
}

.kanban-Item-container .right .kanban-Item-Label[data-color='9']:after {
	background: #edb48a
}

.kanban-Item-container .right .kanban-Item-Label[data-color='10']:after {
	background: #b5b5b5
}

.kanban-Item-container .right .kanban-Item-Label[data-color='11']:after {
	background: #ed8ae0
}

.kanban-Item-container .right .kanban-Item-Label[data-color='12']:after {
	background: #8ab7ed
}

.kanban-Item-container .right .kanban-Item-Label[data-color='13']:after {
	background: #8aede0
}

.kanban-Item-container .right .kanban-Item-Label[data-color='14']:after {
	background: #bb2626
}

.kanban-Item-container .right .kanban-Item-Label[data-color='15']:after {
	background: #000
}

.card-move {
	width: 180px;
	padding: 10px 20px
}

.card-move .kanbanSelect {
	padding: 5px 0 14px;
	line-height: 24px
}

.card-move .kanbanSelect .type-system {
	vertical-align: top
}

.card-move .kanbanSelect .kanbanNameView {
	float: right;
	cursor: pointer
}

.card-move .kanbanSelect .kanbanNameView .kanbanName {
	float: left;
	width: 74px;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.card-move .kanbanSelect .kanbanNameView i {
	font-size: 24px;
	margin-left: 3px
}

.card-move .kanbanSelect .kanbanNameView .kanbanList-container {
	width: 150px;
	height: 200px;
	padding: 7px 4px
}

.card-move .kanbanSelect .kanbanNameView .kanbanList-container .kanbanList-warp {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden
}

.card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item {
	width: 100%;
	font-size: .75rem;
	color: #666;
	padding: 10px 5px 10px 10px
}

.card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item>span {
	display: block;
	width: calc(100% - 25px);
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item i.icon-check {
	font-size: 24px;
	line-height: 16px;
	color: #0689dd;
	visibility: hidden;
	float: right;
	margin: 0
}

.card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item.selected i.icon-check {
	visibility: visible
}

.card-move .btn {
	width: 100%;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.kanban-card-container {
	display: inline-block;
	background: #f5f7f9;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .18);
	border-radius: 3px;
	width: 262px;
	margin-right: 20px;
	margin-left: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 100%;
	vertical-align: top
}

.kanban-card-container .kanban-card-warp {
	width: 100%;
	height: 100%;
	position: relative
}

.kanban-card-container .kanban-card-warp .card-table {
	width: 100%;
	height: calc(100% - 37px);
	display: table
}

.kanban-card-container .kanban-card-warp .card-table .rename.head-tr .addItem {
	display: none
}

.kanban-card-container .kanban-card-warp .card-table .head-tr {
	display: table-row;
	height: 60px;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative
}

.kanban-card-container .kanban-card-warp .card-table .head-tr:after {
	content: '';
	position: absolute;
	width: 29px;
	height: 14px;
	right: 22px;
	top: 46px;
	z-index: 4
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename,
.kanban-card-container .kanban-card-warp .card-table .head-tr .header {
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	padding: 0 16px;
	position: relative
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .addItem {
	font-size: 24px;
	position: absolute;
	cursor: pointer;
	top: 41px;
	right: 20px;
	font-size: 1.95rem;
	color: #bbd1dc;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 5
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .addItem:after {
	position: absolute;
	content: '';
	top: 6px;
	left: 4px;
	right: 4px;
	bottom: 2px;
	z-index: -2;
	border-radius: 50%;
	background: #f5f7f9
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .addItem:not(.disabled):hover {
	color: #238bdf
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header {
	height: 100%;
	position: relative;
	z-index: 4
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .attr {
	width: 100%;
	padding: 0 10px;
	height: 57px;
	text-align: center;
	line-height: 60px;
	position: relative;
	max-width: 230px
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .attr span {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
	color: #8c8c8c;
	font-size: .75rem;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .attr span:hover {
	color: #000
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown {
	position: absolute;
	left: 0;
	top: 4px;
	bottom: 15px;
	padding-left: 3px;
	margin-left: -14px
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .config {
	cursor: pointer;
	font-size: 1.55rem;
	color: rgba(0, 0, 0, .26);
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .config:not(.disabled):hover {
	font-size: .75rem;
	color: #666;
	font-size: 1.55rem
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .dropdown-menu:empty {
	display: none
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .dropdown-item {
	cursor: pointer;
	font-size: 14px;
	padding-left: 34px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename {
	width: 100%;
	padding: 9px 16px;
	display: none;
	margin-top: -1px
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename:visible+.addItem {
	display: none
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input {
	background: #fff;
	border-radius: 3px;
	width: calc(100% - 64px);
	margin-top: 7px;
	height: 28px;
	border: 1px solid rgba(0, 0, 0, .1);
	font-size: .75rem;
	color: #666;
	padding: 0 7px;
	float: left
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input:-moz-placeholder,
.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input::-moz-placeholder,
.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename textarea:-moz-placeholder,
.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename textarea::-moz-placeholder {
	color: rgba(0, 0, 0, .3)
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input:-ms-input-placeholder,
.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename span {
	float: left;
	margin-top: 7px;
	margin-bottom: 5px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename .cancel {
	margin-left: 5px
}

.kanban-card-container .kanban-card-warp .card-table .body-tr {
	display: table-row;
	height: 100%
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container {
	display: table;
	width: 100%;
	height: 100%;
	position: relative
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	right: 3px;
	padding-left: 4px;
	margin-left: -4px;
	overflow-y: auto
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp>ul {
	min-height: 38px;
	margin-right: 8px
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp>ul .list-ul:empty+.list-ul {
	margin-top: -38px
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp>ul .top {
	width: 100%;
	height: 22px
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp>ul .kanban-Item-container+.bottom {
	display: block
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp>ul .my_placeholder {
	position: relative;
	margin: 2px 0;
	width: 238px;
	height: 38px
}

.kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp>ul .my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 3px
}

.kanban-card-container .kanban-card-warp .footer {
	position: absolute;
	bottom: 0;
	height: 2.3125rem;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, .09)
}

.kanban-card-container .kanban-card-warp .footer .bottom {
	display: none
}

.kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd {
	height: 20px;
	color: #8c8c8c;
	margin-top: 8px;
	cursor: pointer
}

.kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li {
	float: left
}

.kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li i {
	margin-left: 11px;
	font-size: 16px
}

.kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li span {
	font-size: 12px
}

.kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li:first-child {
	width: 39px;
	line-height: 23px;
	height: 16px
}

.kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li:last-child {
	width: 50px
}

.kanban-card-container>.kanban-card-container {
	box-shadow: none
}

.kanban-main-warp .addCard {
	display: inline-block;
	background: #f5f7f9;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .23);
	border-radius: 3px;
	width: 262px;
	padding: 13px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-right: 20px;
	cursor: pointer;
	vertical-align: top
}

.kanban-main-warp .addCard>ul {
	margin: 6px auto;
	height: 22px;
	width: 75px
}

.kanban-main-warp .addCard>ul li {
	float: left;
	width: 27px;
	line-height: 32px;
	height: 100%
}

.kanban-main-warp .addCard>ul li span {
	color: #617a8b;
	font-size: .75rem
}

.kanban-main-warp .addCard>ul li .icon-add_circle {
	color: #bbd1dc;
	font-size: 19px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-main-warp .addCard>ul li:first-child {
	width: 30px;
	line-height: 32px;
	height: 100%
}

.kanban-main-warp .addCard>ul li:last-child {
	line-height: 26px
}

.kanban-main-warp .addCard .addCard-container {
	width: 100%;
	display: none
}

.kanban-main-warp .addCard .addCard-container input {
	background: #f4f8fb;
	border-radius: 3px;
	width: 100%;
	height: 40px;
	border: none;
	font-size: .75rem;
	color: #666;
	margin-bottom: 10px;
	padding: 0 19px;
	border: 1px solid #e8e8e8
}

.kanban-main-warp .addCard .addCard-container input:-moz-placeholder,
.kanban-main-warp .addCard .addCard-container input::-moz-placeholder,
.kanban-main-warp .addCard .addCard-container textarea:-moz-placeholder,
.kanban-main-warp .addCard .addCard-container textarea::-moz-placeholder {
	color: rgba(0, 0, 0, .3)
}

.kanban-main-warp .addCard .addCard-container input:-ms-input-placeholder,
.kanban-main-warp .addCard .addCard-container textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.kanban-main-warp .addCard .addCard-container span {
	float: left;
	-webkit-transition: all .3s;
	transition: all .3s
}

.kanban-main-warp .addCard .addCard-container .cancel {
	margin-left: 5px
}

.kanban-main-warp .addCard:not(.disabled):hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .23)
}

.kanban-main-warp .addCard:not(.disabled):hover .icon-add_circle {
	color: #238bdf
}

.kanban-3-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.kanban-3-wrap .kanban-3-container-wrap {
	position: absolute;
	top: 64px;
	bottom: 31px;
	background: #fff;
	left: 0;
	right: 0;
	padding: 20px;
	padding-right: 10px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .18);
	border-radius: 3px
}

.kanban-3-wrap .add-title {
	background: #fff;
	padding: 12px 11px;
	float: left;
	line-height: 12px;
	border: 0;
	width: calc(100% - 140px);
	border-radius: 3px;
	border: 1px solid #e8e8e8
}

.kanban-3-wrap .add-btn {
	float: right;
	margin-top: 6px
}

.kanban-3-wrap .add-btn.cancel {
	margin-right: 9px
}

.kanban-3-wrap .add-btn+.btn {
	margin-right: 6px
}

.kanban-3-wrap .dropping {
	background: #f6f7fb;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
	border: 1px solid rgba(0, 0, 0, .05)
}

.kanban-3-wrap .my_placeholder {
	background: #f0f0f0;
	border-radius: 2px
}

.kanban-3-wrap .kanban-3-container {
	position: absolute;
	overflow: hidden;
	top: 70px;
	bottom: 31px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .18);
	border-radius: 3px;
	left: 0;
	right: 0;
	background: #f5f7f9
}

.kanban-3-wrap .kanban-3-container .add-card-title {
	background: #fff;
	border: 1px solid #efefef;
	border-radius: 2px
}

.kanban-3-wrap .kanban-3-container .kanban3.dragging .card-item .add-task-wrap,
.kanban-3-wrap .kanban-3-container .kanban3.dragging .card-item .task-list {
	height: 0!important;
	display: none!important
}

.kanban-3-wrap .kanban-3-container .kanban3 {
	margin: 3px 10px 0 20px;
	height: calc(100% - 40px);
	overflow-y: auto;
	overflow-x: hidden
}

.kanban-3-wrap .kanban-3-container .kanban3 .card-name {
	color: #626263
}

.kanban-3-wrap .kanban-3-container .kanban3::-webkit-scrollbar-thumb {
	background: #cbcbcb
}

.kanban-3-wrap .kanban-3-container .kanban3::-webkit-scrollbar-track {
	background: #e7eaec
}

.kanban-3-wrap .kanban-3-container .kanban3.editing {
	height: calc(100% - 69px)
}

.kanban-3-wrap .kanban-3-container .kanban3>.my_placeholder {
	height: 44px;
	margin: 17px 0
}

.kanban-3-wrap .kanban-3-container .add-card-box.card-item {
	display: none;
	padding-left: 25px;
	overflow: hidden;
	width: calc(100% - 10px)
}

.kanban-3-wrap .kanban-3-container .add-card-box.card-item .icon-ic_kanban_big_black_24px {
	float: left;
	color: #0689dd;
	font-size: 16px;
	margin-right: 15px;
	margin-top: 10px
}

.kanban-3-wrap .kanban-3-container .add-card-box.card-item .add-title {
	width: calc(100% - 175px)
}

.kanban-3-wrap .kanban-3-container .card-item {
	padding: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.kanban-3-wrap .kanban-3-container .card-item .task-list:empty {
	min-height: 20px;
	padding-bottom: 0
}

.kanban-3-wrap .kanban-3-container .card-item .task-list:empty+.task-list {
	margin-top: -20px
}

.kanban-3-wrap .kanban-3-container .card-item.isHidden {
	margin-bottom: 17px;
	border-bottom: none
}

.kanban-3-wrap .kanban-3-container .card-item.isHidden .add-task-wrap {
	display: none
}

.kanban-3-wrap .kanban-3-container .card-item+.card-item {
	margin: 17px 0;
	margin-top: 5px
}

.kanban-3-wrap .kanban-3-container .card-item.kanbanSortHelper {
	background: #f6f7fb
}

.kanban-3-wrap .kanban-3-container .card-item .add-task-wrap {
	overflow: hidden;
	height: 40px;
	padding-left: 30px;
	margin-top: 7px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.kanban-3-wrap .kanban-3-container .card-item .add-task-wrap .add-task {
	color: #626263;
	cursor: pointer
}

.kanban-3-wrap .kanban-3-container .card-item .add-task-wrap .add-task i+span {
	margin-left: 10px
}

.kanban-3-wrap .kanban-3-container .card-item .add-task-wrap .add {
	display: none;
	overflow: hidden
}

.kanban-3-wrap .kanban-3-container .card-item h5 {
	margin-bottom: 12px
}

.kanban-3-wrap .kanban-3-container .card-item h5 .icon-ic_kanban_big_black_24px {
	color: #0689dd;
	font-size: 16px;
	margin-right: 9px;
	vertical-align: -10%
}

.kanban-3-wrap .kanban-3-container .card-item h5 .slide-toggle-btn {
	font-size: 22px;
	vertical-align: sub;
	margin-left: 8px;
	cursor: pointer
}

.kanban-3-wrap .kanban-3-container .task-list {
	position: relative;
	padding-bottom: 13px
}

.kanban-3-wrap .kanban-3-container .task-list.empty {
	border-bottom: none
}

.kanban-3-wrap .kanban-3-container .task-list>.my_placeholder {
	height: 36px;
	margin: 5px 0;
	margin-left: 30px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item.dragging-to-trash {
	height: 36px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item.dragging-to-trash .subtask {
	display: none
}

.kanban-3-wrap .kanban-3-container .task-list .task-item {
	overflow: hidden;
	margin-right: 8px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item+.task-item {
	margin-top: 5px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item.dragging {
	height: 36px!important
}

.kanban-3-wrap .kanban-3-container .task-list .task-item.dragging .subtask {
	display: none!important
}

.kanban-3-wrap .kanban-3-container .task-list .task-item.item-to-trash {
	height: 36px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .memberList {
	max-width: 200px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li {
	float: left
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li+li {
	margin-left: 10px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li img {
	border-radius: 2px;
	width: 24px;
	height: 24px;
	margin-top: -4px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li img+img {
	margin-left: 10px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .slide-toggle-task {
	width: 18px;
	height: 18px;
	border: 1px solid #c7c7c7;
	border-radius: 50%;
	text-align: center;
	padding-right: 1px;
	font-size: 16px;
	line-height: 14px;
	color: #c7c7c7;
	float: left;
	margin-right: 8px;
	margin-top: 9px;
	cursor: pointer
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .slide-toggle-task.subtract {
	line-height: 13px;
	font-size: 22px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .slide-toggle-task.subtract:after {
	content: '-';
	margin-left: 1px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail {
	float: right;
	width: calc(100% - 30px);
	background: #fff;
	border-radius: 3px;
	line-height: 36px;
	padding-right: 8px;
	height: 36px;
	border: 1px solid #ededed;
	border-bottom-color: #d8d8d8
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail.blinkAnimate {
	-webkit-animation: blinkAni 2s linear;
	animation: blinkAni 2s linear
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .checkBox {
	float: left;
	margin: 0 10px;
	background: inherit;
	padding-top: 2px;
	height: 100%
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .checkBox.checked+.task-name {
	text-decoration: line-through;
	font-size: .75rem;
	color: #a3a3a3;
	font-size: 13px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-name {
	float: left;
	max-width: 50%;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: .8125rem;
	color: #333;
	padding-right: 100%;
	margin-right: -100%;
	box-sizing: content-box
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info {
	float: right;
	cursor: default
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .subtask-view {
	background: rgba(0, 0, 0, .03);
	border-radius: 2px;
	line-height: 22px;
	vertical-align: baseline;
	padding: 0 5px;
	word-spacing: 4px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .dates {
	background: #ff5959;
	border-radius: 2px;
	color: #fff;
	line-height: 22px;
	vertical-align: baseline;
	padding: 0 5px;
	display: none
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .dates .icon-insert_invitation {
	font-size: 16px;
	vertical-align: text-bottom
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .dates.show {
	display: inline-block
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info>div,
.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info>ul {
	display: inline-block;
	vertical-align: top
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .memberList {
	display: none
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .memberList.show {
	display: inline-block
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info>div+div,
.kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info>div+ul {
	margin-left: 8px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .subtask {
	padding-left: 40px;
	margin: 4px 0;
	overflow: hidden;
	display: none
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .my_placeholder {
	height: 36px;
	margin: 5px 0;
	margin-left: 30px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item {
	margin-top: 4px;
	height: 36px;
	border-radius: 3px;
	position: relative
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item.kanbanSortHelper:after {
	display: none
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item+.subtask-item:after {
	content: '';
	position: absolute;
	border: 1px dashed #d6e7fc;
	width: 2px;
	height: 26px;
	top: -15px;
	left: 8px
}

.kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item:before {
	content: '';
	position: absolute;
	background: #d6e7fc;
	width: 6px;
	height: 6px;
	top: 15px;
	left: 6px;
	border-radius: 100%
}

.create-kanbanCard {
	margin-top: 16px;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23)
}

.kanban-main-warp {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.kanban-main-warp .kanban-top {
	position: absolute;
	top: 0;
	height: 70px;
	width: 100%
}

.kanban-main-warp .kanban-main-container {
	position: absolute;
	top: 64px;
	bottom: 14px;
	left: 0;
	right: 0
}

.kanban-main-warp .kanban-main-container .kanbanCard-main-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden
}

.kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp {
	position: absolute;
	top: 0;
	bottom: 14px;
	white-space: nowrap
}

.kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp .cardList-container {
	height: 100%;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top
}

.kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp .cardList-container .my_placeholder {
	position: relative;
	display: inline-block;
	width: 262px;
	margin-right: 20px;
	margin-left: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 100%;
	vertical-align: top
}

.kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp .cardList-container .my_placeholder:after {
	content: ' ';
	position: absolute;
	right: .5rem;
	left: 0;
	bottom: 0;
	top: 0;
	background: #e0e0e0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 3px
}

.card-view .card-name {
	height: 44px;
	width: 100%
}

.card-view .card-name li {
	height: 100%;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.card-view .card-name li span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 46px;
	font-size: 12px;
	color: #617a8b
}

.card-view .card-name li i {
	color: #0689dd;
	font-size: 16px;
	line-height: 44px;
	margin-left: 11px
}

.card-view .card-name li:first-child {
	width: 36px
}

.card-view .card-name li:last-child {
	width: calc(100% - 36px)
}

.card-view h5 {
	margin-bottom: 14px;
	line-height: 18px
}

.card-view h5 i {
	color: #0689dd;
	margin: 0 11px;
	font-size: 16px
}

.card-view h5 img {
	width: 20px;
	height: 20px;
	margin: 0 9px 0 8px;
	vertical-align: -26%
}

.card-view {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px 4px 15px 12px;
	box-sizing: content-box
}

.card-view:after {
	content: " ";
	display: block;
	width: 100%;
	height: 24px
}

.member-view .member-name {
	height: 44px;
	width: 100%
}

.member-view .member-name li {
	height: 100%;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.member-view .member-name li span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 46px;
	font-size: 12px;
	color: #617a8b
}

.member-view .member-name li img {
	width: 20px;
	height: 20px;
	margin: 12px 0 0 9px
}

.member-view .member-name li:first-child {
	width: 36px
}

.member-view .member-name li:last-child {
	width: calc(100% - 36px)
}

.member-view {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px 4px 13px 12px;
	box-sizing: content-box
}

.member-view:after {
	content: " ";
	display: block;
	width: 100%;
	height: 24px
}

.leftContent .card-view ul.kanbanItemList li,
.leftContent .member-view ul.kanbanItemList li {
	background: #fff;
	border-radius: 3px;
	padding-left: 10px;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #ededed;
	border-bottom-color: #d8d8d8
}

.leftContent .card-view ul.kanbanItemList li.done .container span,
.leftContent .member-view ul.kanbanItemList li.done .container span {
	color: #a3a3a3
}

.leftContent .card-view ul.kanbanItemList li:hover,
.leftContent .member-view ul.kanbanItemList li:hover {
	background: #f2f2f2
}

.leftContent .card-view ul.kanbanItemList li.blinkAnimate,
.leftContent .member-view ul.kanbanItemList li.blinkAnimate {
	-webkit-animation: blinkAni 2s linear;
	animation: blinkAni 2s linear
}

@keyframes blinkAni {
	0% {
		background: #fff
	}
	12.5% {
		background: #f2f2f2
	}
	25% {
		background: #fff
	}
	37.5% {
		background: #f2f2f2
	}
	50% {
		background: #fff
	}
	62.5% {
		background: #f2f2f2
	}
	75% {
		background: #fff
	}
	87.5% {
		background: #f2f2f2
	}
	to {
		background: #fff
	}
}

.leftContent .card-view ul.kanbanItemList li .checkBox,
.leftContent .member-view ul.kanbanItemList li .checkBox {
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	background: inherit
}

.leftContent .card-view ul.kanbanItemList li .container,
.leftContent .member-view ul.kanbanItemList li .container {
	width: calc(100% - 50px);
	height: 100%;
	margin: 0 0 0 28px;
	padding: 0;
	cursor: pointer
}

.leftContent .card-view ul.kanbanItemList li .container span,
.leftContent .member-view ul.kanbanItemList li .container span {
	font-size: .75rem;
	color: #666
}

.leftContent .card-view ul.kanbanItemList li+li,
.leftContent .member-view ul.kanbanItemList li+li {
	margin-top: 2px
}

.leftContent .card-view ul.kanbanItemList li.done span.caption,
.leftContent .member-view ul.kanbanItemList li.done span.caption {
	text-decoration: line-through
}

.kanbanProgress>.left {
	float: left;
	height: 100%;
	position: relative;
	background: #f5f7f9;
	width: 270px;
	z-index: 1
}

.kanbanProgress>.left .header {
	font-size: 0;
	height: 62px;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	border-right: 1px solid rgba(0, 0, 0, .09);
	padding-top: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.kanbanProgress>.left .header .switch {
	width: 46%;
	height: 30px;
	margin: 0 auto
}

.kanbanProgress>.left .header .switch li {
	width: 50%;
	height: 100%;
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: .75rem;
	color: #666;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	background: #eaeaea
}

.kanbanProgress>.left .header .switch .card {
	border-radius: 14px 0 0 14px
}

.kanbanProgress>.left .header .switch .member {
	border-radius: 0 14px 14px 0
}

.kanbanProgress>.left .header .switch li:not(.active):hover {
	background: #eae3e3
}

.kanbanProgress>.left .header .switch li.active {
	background: #0689dd;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.kanbanProgress>.left .header span {
	margin-top: 18px;
	line-height: 28px;
	display: inline-block;
	padding: 0 15px;
	font-size: 12px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	background: #f6f6f6;
	font-size: .75rem;
	color: #666
}

.kanbanProgress>.left .header span.card {
	border-radius: 14px 0 0 14px
}

.kanbanProgress>.left .header span.member {
	border-radius: 0 14px 14px 0
}

.kanbanProgress>.left .header span.active {
	background: #0689dd;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.kanbanProgress>.left .leftContent-Container {
	position: absolute;
	top: 62px;
	width: 100%;
	bottom: -17px;
	border-right: 1px solid rgba(0, 0, 0, .09);
	overflow-y: hidden;
	overflow-x: scroll
}

.kanbanProgress>.left .leftContent-Container .leftContent {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative
}

.kanbanProgress>.left .leftContent-Container::-webkit-scrollbar {
	width: 4px;
	height: 17px
}

.right .kanbanCalender {
	position: absolute;
	left: 270px;
	right: 0;
	top: 0;
	bottom: 0
}

.right .kanbanCalender .header {
	height: 62px;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.right .kanbanCalender .header .content {
	display: block;
	height: 100%;
	width: 100px;
	margin-left: 17px;
	text-align: center;
	line-height: 62px;
	float: left;
	font-size: 1rem;
	color: #333;
	color: #626263
}

.right .kanbanCalender .warp-container {
	position: absolute;
	top: 62px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f2f6fb
}

.right .kanbanCalender .warp-x {
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 17px;
	padding-right: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	box-sizing: content-box
}

.right .kanbanCalender .warp-x .warp-y {
	height: calc(100% - 20px);
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 47px 0 34px
}

.right .kanbanCalender .warp-x .warp-y.dayView {
	width: 14685px;
	background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressDayBg.png") repeat
}

.right .kanbanCalender .warp-x .warp-y.dayView .item-container .child-item .kanban-progress-addItem {
	width: 40px
}

.right .kanbanCalender .warp-x .warp-y.weekView {
	width: 5045px;
	background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressWeekBg.png") repeat
}

.right .kanbanCalender .warp-x .warp-y.weekView .item-container .child-item .kanban-progress-addItem {
	width: 48px
}

.right .kanbanCalender .warp-x .warp-y.monthView {
	width: 1580px;
	background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressMonthBg.png") repeat
}

.right .kanbanCalender .warp-x .warp-y.monthView .item-container .child-item .kanban-progress-addItem {
	width: 63px
}

.right .kanbanCalender .warp-x .warp-y .item-container {
	margin-top: 7px;
	box-sizing: border-box
}

.right .kanbanCalender .warp-x .warp-y .item-container .dragArea {
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 1px solid #2f88c3;
	border-right: 1px solid #2f88c3;
	background: rgba(157, 216, 255, .33);
	display: none
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item {
	width: 100%
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item {
	position: relative;
	height: 42px;
	width: 100%
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item {
	height: 3px;
	position: absolute;
	top: 21px
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .line {
	position: absolute;
	width: calc(100% - 6px);
	margin-left: 3px;
	height: 100%;
	background: rgba(0, 149, 246, .66)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp {
	position: relative;
	width: 100%;
	height: 100%
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp .edge {
	position: absolute;
	width: 3px;
	height: 19px;
	background: rgba(0, 149, 246, .66);
	top: -8px
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp .left {
	left: 0
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp .right {
	right: 0
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item {
	height: 42px;
	width: 100%;
	padding: 10px 0 0;
	position: relative
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item:hover {
	background: rgba(0, 0, 0, .03)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item.active {
	background: rgba(189, 229, 255, .5)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item.rightMoving,
.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item.rightMoving .dragItem {
	cursor: w-resize
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .kanban-progress-addItem {
	cursor: pointer;
	position: absolute;
	height: 22px;
	border: 1px dashed #979797;
	background: none;
	display: none;
	z-index: 1
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem {
	position: absolute;
	background: #d0d4d6;
	height: 22px;
	z-index: 1;
	cursor: move
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_passed {
	background: hsla(200, 7%, 83%, .61)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_passed .drag-warp .donePercent-warp .donePercent {
	background: #cecece
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_notDone {
	background: rgba(255, 162, 94, .51)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_notDone .drag-warp .donePercent-warp .donePercent {
	background: #ffa25e
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_done {
	background: rgba(109, 226, 197, .5)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_done .drag-warp .donePercent-warp .donePercent {
	background: #6de2c5
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_doing {
	background: rgba(96, 191, 253, .5)
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_doing .drag-warp .donePercent-warp .donePercent {
	background: #66b4e7
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp {
	width: 100%;
	height: 100%;
	position: relative
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .right {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	cursor: w-resize;
	width: 20px;
	height: 100%;
	overflow: hidden;
	z-index: 2
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .right .dragHandle {
	display: none;
	width: 5px;
	height: 14px;
	position: absolute;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -7px
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .right .dragHandle:after {
	content: '';
	position: absolute;
	right: -5px;
	width: 0;
	height: 100%;
	border-left: 1px solid #fff
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .donePercent-warp {
	position: absolute;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .donePercent-warp .donePercent {
	background: #bcbcbc;
	height: 100%
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.showHandel .drag-warp .right .dragHandle,
.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem:hover .drag-warp .right .dragHandle {
	display: block
}

.right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.hideHandel:hover .drag-warp .right .dragHandle {
	display: none
}

.right .kanbanCalender .warp-x::-webkit-scrollbar {
	width: 4px;
	height: 17px
}

.right .kanbanCalender .date-arrow {
	position: absolute;
	height: 36px;
	width: 33px;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .06);
	background: #f2f6fb;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 4
}

.right .kanbanCalender .date-arrow i {
	font-size: 1.475rem;
	color: #1ba4ff
}

.right .kanbanCalender .date-arrow:active,
.right .kanbanCalender .date-arrow:hover {
	background: #ecf0f5
}

.right .kanbanCalender .date-arrow.left {
	left: 0;
	bottom: 0
}

.right .kanbanCalender .date-arrow.right {
	right: 0;
	bottom: 0
}

.right .kanbanCalender .date-warp {
	position: absolute;
	bottom: 0;
	height: 36px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-left: 33px
}

.right .kanbanCalender .date-warp.day {
	width: 14680px;
	background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressDateBg.png") repeat-x
}

.right .kanbanCalender .date-warp.week {
	width: 5040px;
	background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressWeekBg.png") repeat-x
}

.right .kanbanCalender .date-warp.month {
	width: 1575px;
	background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressMonthBg.png") repeat-x
}

.right .kanbanCalender .date-warp>ul.day li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	width: 40px;
	height: 100%;
	text-align: center;
	line-height: 36px;
	cursor: default;
	font-size: .75rem;
	color: #666
}

.right .kanbanCalender .date-warp>ul.day li.todayDate {
	position: relative
}

.right .kanbanCalender .date-warp>ul.day li.todayDate:after {
	content: '\4ECA';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #1ba4ff;
	color: #fff;
	position: absolute
}

.right .kanbanCalender .date-warp>ul.day li.weekend {
	color: #ff4848
}

.right .kanbanCalender .date-warp>ul.day li.month1st {
	background: #6de2c5;
	color: #fff
}

.right .kanbanCalender .date-warp>ul.week li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	width: 48px;
	height: 100%;
	text-align: center;
	line-height: 36px;
	cursor: default;
	font-size: .75rem;
	color: #666
}

.right .kanbanCalender .date-warp>ul.week li.toWeekDate {
	position: relative
}

.right .kanbanCalender .date-warp>ul.week li.toWeekDate:after {
	content: '\672C\5468';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #1ba4ff;
	color: #fff;
	position: absolute
}

.right .kanbanCalender .date-warp>ul.month li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	width: 63px;
	height: 100%;
	text-align: center;
	line-height: 36px;
	cursor: default;
	font-size: .75rem;
	color: #666
}

.right .kanbanCalender .date-warp>ul.month li.toMonthDate {
	position: relative
}

.right .kanbanCalender .date-warp>ul.month li.toMonthDate:after {
	content: '\672C\6708';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #1ba4ff;
	color: #fff;
	position: absolute
}

.right .kanbanCalender .date-warp>ul {
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 3
}

.right .kanbanCalender .today {
	position: absolute;
	padding-left: 2px;
	top: 18px;
	width: 44px;
	height: 31px;
	line-height: 29px;
	right: 163px;
	background: none;
	text-align: center;
	border-radius: 2px;
	letter-spacing: 2px;
	cursor: pointer;
	z-index: 5;
	color: #a3a3a3;
	border: 1px solid #b1b1b1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.right .kanbanCalender .today:hover {
	background: #f3f3f3
}

.right .kanbanCalender .switch3Ul {
	position: absolute;
	top: 18px;
	right: 30px
}

.break-day-item-remove {
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ff5959;
	color: #ff5959;
	cursor: pointer
}

.break-day-item-remove:hover {
	background: #fcfcfc
}

.kanbanProgress-day-info {
	border: none;
	height: 53px;
	width: 140px;
	font-size: 12px;
	background: rgba(0, 0, 0, .78);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
	border-radius: 4px;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 7px
}

.kanbanProgress-day-info .endInfo,
.kanbanProgress-day-info .startInfo {
	width: 100%;
	height: 20px;
	line-height: 20px
}

.kanbanProgress-day-info:before {
	content: '';
	display: block;
	position: absolute;
	top: -14px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 7.5px solid transparent;
	border-right: 7.5px solid transparent;
	border-bottom: 7px solid rgba(0, 0, 0, .78);
	left: 63px
}

.development,
.kanban-Progress-warp {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none
}

.development .kanban-Progress-container,
.kanban-Progress-warp .kanban-Progress-container {
	position: absolute;
	top: 64px;
	bottom: 31px;
	left: 0;
	right: 0
}

.development .kanban-Progress-container .kanbanProgress,
.kanban-Progress-warp .kanban-Progress-container .kanbanProgress {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: auto;
	background: #f6f9fd;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .23);
	border-radius: 2px;
	overflow-y: hidden;
	overflow-x: hidden
}

.kanban-development {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none
}

.kanban-development .development-container {
	position: absolute;
	top: 70px;
	bottom: 31px;
	left: 0;
	right: 0
}

.kanban-development .development-container .cc {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: auto;
	background: #f6f9fd;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .23);
	border-radius: 2px;
	overflow-y: hidden;
	overflow-x: hidden
}

.do-filter {
	position: absolute;
	top: 22px;
	z-index: 500;
	cursor: pointer;
	right: 128px
}

.do-filter i {
	margin-right: 4px
}

.kanban-task-filter {
	position: fixed;
	top: 54px;
	bottom: 0;
	width: 300px;
	right: 0;
	background: #f6f6f6;
	z-index: 500;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.kanban-task-filter i {
	font-size: 18px
}

.kanban-task-filter .type-system {
	color: #333;
	font-size: 13px
}

.kanban-task-filter header {
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
	position: relative
}

.kanban-task-filter header>i {
	margin-top: 14px;
	position: absolute;
	right: 20px;
	cursor: pointer
}

.kanban-task-filter section {
	padding: 20px 22px;
	position: absolute;
	top: 48px;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%
}

.kanban-task-filter section>div+div {
	margin-top: 26px
}

.kanban-task-filter section>div.by-name input {
	width: 100%;
	border-radius: 2px;
	background: #fff;
	padding: 8px 12px;
	color: #a3a3a3;
	border: 1px solid #eaeaea
}

.kanban-task-filter section>div>ul>li {
	margin-top: 9px;
	position: relative;
	cursor: pointer
}

.kanban-task-filter section>div>ul>li span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 70px);
	display: inline-block;
	vertical-align: top
}

.kanban-task-filter section>div>ul>li>i.icon-check {
	position: absolute;
	right: 0;
	color: #1ba4ff;
	top: 0;
	display: none
}

.kanban-task-filter section>div>ul>li.selected i.icon-check {
	display: block
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="1"] {
	background-color: #ed8a8a
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="2"] {
	background-color: #6d4e4e
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="3"] {
	background-color: #8aed90
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="4"] {
	background-color: #8aabed
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="5"] {
	background-color: #dedede
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="6"] {
	background-color: #766a6a
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="7"] {
	background-color: #c38aed
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="8"] {
	background-color: #dced8a
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="9"] {
	background-color: #edb48a
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="10"] {
	background-color: #b5b5b5
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="11"] {
	background-color: #ed8ae0
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="12"] {
	background-color: #8ab7ed
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="13"] {
	background-color: #8aede0
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="14"] {
	background-color: #bb2626
}

.kanban-task-filter section>div.by-tag>ul>li span[data-color="15"] {
	background-color: #000
}

.kanban-task-filter section>div.by-tag>ul>li .tag-color {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 17px;
	display: inline-block;
	vertical-align: baseline
}

.kanban-task-filter section>div.by-member ul.user-list-lazy {
	overflow-x: hidden
}

.kanban-task-filter section>div.by-member ul.user-list-lazy .icon-person {
	vertical-align: middle;
	display: inline-block;
	padding: 3px;
	color: rgba(0, 0, 0, .34)
}

.kanban-task-filter section>div.by-member ul.user-list-lazy .user-name {
	max-width: calc(100% - 60px);
	cursor: pointer
}

body.show-kanban-task-filter .fadeInLeft.kanban-Item-container,
body.show-kanban-task-filter .fadeOutRight.kanban-Item-container {
	display: none!important
}

body.show-kanban-task-filter .kanban-task-filter {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.kanban-template-select {
	z-index: 1040
}

.kanban-template-select nav>ul>li {
	cursor: pointer
}

.kanban-template-select .template-pannel {
	font-size: 0;
	max-height: 100%;
	overflow-y: auto
}

.kanban-template-select .template-pannel>li[data-id="1"] {
	display: none
}

.kanban-template-select .template-pannel>li[data-id="1"]+li {
	margin-left: 0
}

.kanban-template-select .template-pannel>li {
	font-size: 12px;
	display: inline-block;
	width: 117px;
	text-align: center;
	margin-bottom: 14px
}

.kanban-template-select .template-pannel>li.template-item-add .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	background: #ddd
}

.kanban-template-select .template-pannel>li.template-item-add .wrapper>i.icon-add {
	margin: auto;
	font-size: 40px;
	color: #efefef
}

.kanban-template-select .template-pannel>li+li {
	margin-left: 16px
}

.kanban-template-select .template-pannel>li:nth-child(4n+1) {
	margin-left: 0!important
}

.kanban-template-select .template-pannel>li>span {
	margin-top: 5px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%
}

.kanban-template-select .template-pannel>li>.set {
	width: 117px;
	height: 66px;
	border-radius: 2px;
	cursor: pointer
}

.kanban-template-select .list>li.on-scroll>ul.template-pannel>li+li {
	margin-left: 10px
}

.common-tab.level2 {
	height: 510px
}

.common-tab.level2 .back-up {
	left: 26px;
	right: auto
}

.show-template-detail {
	z-index: 1041;
	height: 510px
}

.show-template-detail header {
	border-bottom: 1px solid #eaeaea;
	position: relative
}

.show-template-detail header i.icon-arrow_back {
	left: 27px;
	right: auto
}

.show-template-detail main {
	padding: 25px 30px;
	max-height: calc(100% - 60px);
	overflow-y: auto
}

.show-template-detail main section>span.type-system {
	margin-bottom: 6px
}

.show-template-detail main section p {
	color: #a3a3a3;
	font-size: 13px;
	margin-bottom: 9px
}

.show-template-detail main section+section {
	margin-top: 30px
}

.show-template-detail main .radio-group+.radio-group {
	margin-top: 16px
}

.show-template-detail main .use-it {
	width: 460px;
	margin: 0 auto;
	margin-top: 84px
}

.show-template-detail main ul.card-list {
	text-align: center;
	margin-top: -6px
}

.show-template-detail main ul.card-list li {
	background: #f6f6f6;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .18);
	border-radius: 2px;
	padding: 5px 14px;
	position: relative;
	margin-right: 44px;
	display: inline-block
}

.show-template-detail main ul.card-list li:after {
	position: absolute;
	right: -33px;
	top: -2px;
	content: '\E315';
	font-family: icomoon!important;
	font-size: 20px;
	color: #a3a3a3
}

.show-template-detail main ul.card-list li+li {
	margin-top: 12px
}

.show-template-detail main ul.card-list li:nth-last-child(1) {
	margin-right: 0
}

.show-template-detail main ul.card-list li:nth-last-child(1):after {
	display: none
}

.show-template-detail main p {
	margin: 0
}

.show-template-detail main span.type-system {
	display: block
}

.show-template-detail main .radio-group .radio-wrapper {
	display: inline-block
}

.show-template-detail main .radio-group .radio-wrapper+.radio-wrapper {
	margin-left: 26px
}

.show-template-detail main .radio-group .radio-wrapper>span {
	margin-left: 10px;
	vertical-align: super
}

.kanban-view .container-right {
	-webkit-transition: left .2s ease-out;
	transition: left .2s ease-out
}

.kanban-view .container-right.first {
	-webkit-transition: none;
	transition: none
}

.kanban-view .content-warp-x {
	width: 200%;
	height: 100%;
	overflow-y: hidden;
	overflow-x: auto
}

.kanban-view .kanban-loading {
	width: 100%;
	height: 100%
}

.kanban-view .kanban-loading span {
	display: block;
	width: 150px;
	height: 20px;
	margin: 300px auto
}

.kanban-view .switch3Ul {
	position: absolute;
	top: 16px;
	right: 0;
	z-index: 1
}

.kanban-view .switch3Ul i {
	font-size: 19px;
	line-height: 32px
}

.kanban-view .switch3Ul .progress {
	margin-left: 2px
}

.kanban-view .switch3Ul .kanban {
	font-size: 20px
}

.kanbanItemSortHelper {
	-webkit-transition: none;
	transition: none;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.companyLeft {
	opacity: 0
}

.companyLeft .companyLeftUl {
	width: 100%;
	height: 100%
}

.companyLeft .companyLeftUl li {
	cursor: default;
	width: 100%;
	height: 3.5rem;
	line-height: 3.5rem;
	padding-left: 2.3125rem;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyLeft .companyLeftUl li i {
	font-size: 1.5rem;
	margin-right: 1.625rem
}

.companyLeft .companyLeftUl li.active,
.companyLeft .companyLeftUl li:hover {
	background: rgba(0, 0, 0, .13)
}

.companyRight {
	overflow-y: auto
}

.companyRight .companyIndex {
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 31rem
}

.companyRight .companyIndex img.logo {
	width: 64px;
	height: 64px;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .18);
	border-radius: 2px;
	top: 3.75rem
}

.companyRight .companyIndex h1,
.companyRight .companyIndex img.logo {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.companyRight .companyIndex h1 {
	font-size: 1rem;
	color: #666;
	top: 8.75rem
}

.companyRight .companyIndex .Line {
	width: 46.875rem;
	height: 6.25rem;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 13.75rem
}

.companyRight .companyIndex .Line>div {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
	width: 13.4375rem;
	height: 7.5rem;
	text-align: center
}

.companyRight .companyIndex .Line>div .title {
	font-size: .75rem;
	color: #a3a3a3;
	display: block;
	margin-top: .875rem
}

.companyRight .companyIndex .Line>div .num {
	display: block;
	text-align: center;
	font-size: 2rem
}

.companyRight .companyIndex .Line>div .href {
	display: block;
	text-align: center;
	cursor: pointer;
	color: #1ba4ff
}

.companyRight .companyIndex .Line>div.peopleNum {
	float: left
}

.companyRight .companyIndex .Line>div.peopleNum .num {
	color: #87d9ff
}

.companyRight .companyIndex .Line>div.groupNum {
	float: left;
	margin-left: 3.25rem
}

.companyRight .companyIndex .Line>div.groupNum .num {
	color: #ff668c
}

.companyRight .companyIndex .Line>div.useSpace {
	float: right
}

.companyRight .companyIndex .Line>div.useSpace .num {
	color: #92d5a6
}

.companyRight .companyIndex #eCharts {
	width: 100%;
	height: 15rem;
	margin-top: 2.25rem;
	text-align: left;
	border: 1px solid rgba(0, 0, 0, .09);
	background-color: #fff!important
}

.companyRight .companyIndex #downLoads {
	width: 30.5rem;
	height: 5rem;
	position: absolute;
	bottom: 4rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.companyRight .companyIndex #downLoads>header {
	font-size: .875rem;
	text-align: center
}

.companyRight .companyIndex #downLoads>ul {
	position: absolute;
	bottom: 0
}

.companyRight .companyIndex #downLoads>ul>li {
	cursor: pointer;
	float: left;
	width: 6.875rem;
	height: 2.5rem;
	background-size: contain
}

.companyRight .companyIndex #downLoads>ul>li>ul {
	position: absolute;
	bottom: -3.75rem;
	display: none
}

.companyRight .companyIndex #downLoads>ul>li>ul>li {
	cursor: pointer;
	width: 6.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyIndex #downLoads>ul>li.apple {
	background: url("https://res-front-cdn.rishiqing.com/common/img/company/appstore@2x.png");
	background-size: contain;
	cursor: default;
	position: relative
}

.companyRight .companyIndex #downLoads>ul>li.apple ul.appleUl>li {
	background: #333
}

.companyRight .companyIndex #downLoads>ul>li.apple ul.appleUl>li:hover {
	background: #444
}

.companyRight .companyIndex #downLoads>ul>li.apple:hover ul.appleUl {
	display: block
}

.companyRight .companyIndex #downLoads>ul>li.android {
	background: url("https://res-front-cdn.rishiqing.com/common/img/company/android@2x.png");
	background-size: contain;
	cursor: default;
	position: relative
}

.companyRight .companyIndex #downLoads>ul>li.android ul.androidUl>li {
	background: #7ed321
}

.companyRight .companyIndex #downLoads>ul>li.android ul.androidUl>li:hover {
	background: #85db21
}

.companyRight .companyIndex #downLoads>ul>li.android:hover ul.androidUl {
	display: block
}

.companyRight .companyIndex #downLoads>ul>li.windows {
	background: url("https://res-front-cdn.rishiqing.com/common/img/company/windows@2x.png");
	background-size: contain;
	cursor: default;
	position: relative
}

.companyRight .companyIndex #downLoads>ul>li.windows ul.windowsUl>li {
	background: #009cdd
}

.companyRight .companyIndex #downLoads>ul>li.windows ul.windowsUl>li:hover {
	background: #1ca5dd
}

.companyRight .companyIndex #downLoads>ul>li.windows:hover ul.windowsUl {
	display: block
}

.companyRight .companyIndex #downLoads>ul>li.mac {
	background: url("https://res-front-cdn.rishiqing.com/common/img/company/macos@2x.png");
	background-size: contain
}

.companyRight .companyIndex #downLoads>ul>li+li {
	margin-left: 1rem
}

.downLoadMaContent {
	display: block;
	box-sizing: border-box;
	width: 350px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -150px;
	margin-left: -175px;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .6)
}

.downLoadMaContent .Ma2 {
	width: 8.75rem;
	height: 8.75rem;
	position: absolute;
	top: 3.75rem;
	left: 50%;
	margin-left: -4.375rem
}

.downLoadMaContent .Ma2.appleMa {
	background: url("https://rsqsystem.oss-cn-beijing.aliyuncs.com/rsqiosQrcodeicon.png");
	background-size: contain
}

.downLoadMaContent .Ma2.androidMa {
	background: url("https://rsqsystem.oss-cn-beijing.aliyuncs.com/rsqandroidicon.jpg");
	background-size: contain
}

.downLoadMaContent .pText {
	width: 100%;
	position: absolute;
	text-align: center;
	font-size: .875rem;
	color: #333;
	bottom: 3rem
}

.companyRight .companyTeamView {
	width: 100%;
	height: 100%
}

.companyRight .companyTeamView .companyTeamLeft {
	position: absolute;
	left: 0;
	width: 16.875rem;
	top: 0;
	bottom: 0;
	background: #fff;
	padding: 1rem 0
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader {
	padding-left: 1rem;
	cursor: default;
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	overflow: hidden;
	font-size: .875rem;
	color: #333
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader i {
	font-size: 1.5rem;
	position: relative;
	top: .25rem;
	cursor: pointer;
	float: left
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader:hover {
	background: #ececec
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader.active {
	background: #0096f6;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader.active .peopleNum {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader .companyName {
	display: inline-block;
	float: left;
	max-width: 12rem
}

.companyRight .companyTeamView .companyTeamLeft .companyHeader .peopleNum {
	font-size: .875rem;
	color: #666;
	display: inline-block;
	float: left
}

.companyRight .companyTeamView .companyTeamLeft .allList {
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 3.25rem;
	bottom: 1rem;
	width: 100%
}

.companyRight .companyTeamView .companyTeamLeft .allList>.userList>.userItem {
	padding-left: 1.5rem
}

.companyRight .companyTeamView .companyTeamLeft .allList .userList {
	display: none
}

.companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem {
	height: 2.25rem;
	line-height: 2.25rem;
	cursor: default;
	font-size: .75rem;
	color: #333
}

.companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem img {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 2px
}

.companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem span.userName {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	float: right;
	width: calc(100% - 2.5rem)
}

.companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem:hover {
	background: #ececec
}

.companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem.active {
	background: #0096f6;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList>.groupItem>header {
	padding-left: 1.5rem
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList li.my_placeholder {
	height: 2.25rem;
	line-height: 2.25rem;
	background: rgba(0, 0, 0, .1)
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header {
	background: #fff;
	cursor: default;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .875rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header i {
	font-size: 1.5rem;
	position: relative;
	top: .25rem;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header i.turnDown {
	color: #09f
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header:hover {
	background: #ececec
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header.active {
	background: #0096f6;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header.active .peopleNum {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header .peopleNum {
	font-size: .875rem;
	color: #666
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem .userList .userItem {
	height: 2.25rem;
	line-height: 2.25rem;
	cursor: default;
	font-size: .75rem;
	color: #333
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem .userList .userItem:hover {
	background: #ececec
}

.companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem .userList .userItem.active {
	background: #0096f6;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.companyRight .companyTeamView .companyTeamRight {
	background: #f5f7f9;
	position: absolute;
	top: 0;
	right: 0;
	left: 16.875rem;
	bottom: 0;
	min-width: 27.5rem
}

.companyRight .companyTeamView .companyTeamRight .groupTop {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3.375rem;
	border-bottom: 1px solid #eaeaea;
	background: #f6f7fb
}

.companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName {
	float: left;
	height: 1.25rem;
	margin-left: 1.875rem;
	margin-top: 1.125rem;
	width: 11.5rem
}

.companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName h3 {
	display: inline-block;
	margin: 0;
	max-width: 9.625rem;
	height: 100%;
	line-height: 1.25rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: .875rem;
	color: #333
}

.companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName i {
	display: none;
	font-size: 1.5rem;
	margin-top: 1.25rem;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName ul.dropdown-menu li {
	padding-left: 1.375rem;
	height: 2.125rem;
	line-height: 2.125rem;
	background: #fff;
	cursor: default
}

.companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName ul.dropdown-menu li:hover {
	background: #f5f5f5
}

.companyRight .companyTeamView .companyTeamRight .groupTop .groupBtnS {
	float: right;
	margin-top: .75rem;
	margin-right: 1.125rem
}

.companyRight .companyTeamView .companyTeamRight .groupTop .groupBtnS .addUser {
	margin-right: .375rem
}

.companyRight .companyTeamView .companyTeamRight .groupMain {
	position: absolute;
	top: 3.375rem;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f6f7fb;
	overflow-x: hidden;
	overflow-y: auto;
	margin-left: .75rem;
	padding: .75rem 2.5rem 1.875rem 0
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable,
.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr {
	width: 100%
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr:hover {
	background: #ddf1ff
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td {
	height: 3.5rem;
	line-height: 3.5rem;
	text-align: center;
	font-size: .875rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.avatar {
	cursor: pointer;
	width: 10%;
	min-width: 2rem
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.avatar img {
	width: 2rem;
	height: 2rem;
	border-radius: 2px
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.realName {
	cursor: pointer;
	width: 15%
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.pro {
	width: 15%;
	max-width: 8.5rem
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.email {
	width: 30%;
	max-width: 14rem
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.phone {
	width: 20%
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.set {
	min-width: 2rem;
	width: 10%
}

.companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.set span {
	font-size: 14px;
	color: #0083d7;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamRight .userTop {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3.375rem;
	border-bottom: 1px solid #eaeaea;
	background: #f6f7fb;
	cursor: default
}

.companyRight .companyTeamView .companyTeamRight .userTop ul.userTopLeft {
	float: left;
	height: 3.375rem;
	line-height: 3.375rem;
	margin-left: 1rem;
	min-width: 15.5rem
}

.companyRight .companyTeamView .companyTeamRight .userTop ul.userTopLeft li {
	position: relative;
	display: block;
	float: left;
	margin-right: 1.5rem;
	width: 4.125rem;
	text-align: center;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamRight .userTop ul.userTopLeft li.active:after {
	content: '';
	height: 2px;
	background: #0689dd;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight {
	float: right;
	height: 100%;
	line-height: 100%;
	font-size: .75rem;
	color: #666;
	margin-right: .625rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR {
	height: 70%;
	width: 10.625rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR>span {
	display: block;
	float: right;
	margin-top: 1.25rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR>span.date {
	margin-right: .375rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR i {
	display: block;
	float: right;
	margin-top: .875rem;
	font-size: 1.5rem;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu {
	width: 11.25rem;
	height: 18rem;
	overflow-x: hidden;
	overflow-y: auto
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu li {
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	color: #617a8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 1.375rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu li:hover {
	background: #f5f5f5
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu li span.weekNum {
	float: right;
	margin-right: 1.375rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR {
	height: 70%;
	width: 10.625rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR>span {
	display: block;
	float: right;
	margin-top: 1.25rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR i {
	display: block;
	float: right;
	margin-top: .875rem;
	font-size: 1.5rem;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu {
	width: 11.25rem;
	height: 18rem;
	overflow-x: hidden;
	overflow-y: auto
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu li {
	text-align: left;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	color: #617a8b;
	padding-left: 1.375rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu li:hover {
	background: #f5f5f5
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu li span.weekNum {
	float: right;
	margin-right: 1.375rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR {
	height: 70%
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR .OneDoc {
	display: block;
	float: right;
	margin-top: 1.25rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR i.icon-keyboard_arrow_down {
	display: block;
	float: right;
	margin-top: .875rem;
	font-size: 1.5rem;
	cursor: pointer
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR span.doc-date-filter {
	display: block;
	float: right;
	margin-top: .875rem;
	cursor: pointer;
	margin-right: .5rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR span.doc-date-filter i {
	font-size: 1.5rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR>ul.dropdown-menu {
	width: 11.25rem;
	min-height: 2rem;
	right: -10px;
	max-height: 18rem;
	overflow-x: hidden;
	overflow-y: auto
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR>ul.dropdown-menu li {
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	color: #617a8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 1.375rem
}

.companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR>ul.dropdown-menu li:hover {
	background: #f5f5f5
}

.companyRight .companyTeamView .companyTeamRight .userMain {
	position: absolute;
	top: 3.375rem;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: inherit
}

.companyRight .companyTeamView .companyTeamRight .userMain.blurFonts .docUD,
.companyRight .companyTeamView .companyTeamRight .userMain.blurFonts .kanbanUD,
.companyRight .companyTeamView .companyTeamRight .userMain.blurFonts .todoUD {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
	zoom: 1
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: hsla(0, 0%, 100%, .27);
	text-align: center;
	z-index: 5
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv {
	height: 5.75rem;
	width: 16.25rem;
	position: absolute;
	left: 50%;
	top: 7.25rem;
	margin-left: -8.125rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv section {
	font-size: .75rem;
	color: #fd7d38;
	line-height: 28px;
	text-align: center;
	margin-bottom: 1rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .upVip {
	margin-right: 1.5rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .btn-orange {
	background: #fd7d38;
	color: #fff
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .btn-orange:hover {
	background: #fd660e
}

.companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .btn-orange:active {
	background: #f1580d
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD {
	background-color: inherit
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut {
	background-color: inherit;
	border-bottom: 1px solid #ccc;
	margin: 1rem 1.75rem;
	padding-bottom: .625rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut li.weekHeader {
	font-size: .75rem;
	color: #617a8b;
	height: 1rem;
	line-height: 1rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut li.weekHeader .date,
.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut li.weekHeader .dayInWeek {
	margin-right: .375rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl {
	margin-top: .375rem;
	background-color: inherit;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item {
	height: 2rem;
	line-height: 2rem;
	font-size: .75rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff;
	margin-bottom: 2px;
	border-left: 3px solid;
	border-radius: 3px;
	padding-left: .625rem;
	cursor: default
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item:hover {
	background-color: #f2f2f2
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item .leftBox {
	background-color: inherit;
	float: left;
	margin-right: .625rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item .leftBox .diyCheckbox {
	cursor: default;
	top: 3px
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.IE {
	border-color: #ff5959
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.IU {
	border-color: #ffc32a
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.UE {
	border-color: #59aeff
}

.companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.UU {
	border-color: #2ad57d
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD {
	background-color: inherit
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD .noKanban {
	text-align: center;
	margin-top: 1rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl {
	background-color: inherit;
	margin: 1rem 1.75rem;
	padding-bottom: .625rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.kanbanHeader {
	font-size: .75rem;
	color: #617a8b;
	height: 2rem;
	line-height: 2rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item {
	background-color: inherit;
	height: 2rem;
	line-height: 2rem;
	cursor: default;
	border-radius: 2px;
	font-size: .75rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item:hover {
	background-color: #f2f2f2
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item .leftBox {
	background-color: inherit;
	float: left;
	margin-right: .625rem
}

.companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item .leftBox .diyCheckbox {
	cursor: default;
	top: 3px
}

.companyRight .companyTeamView .companyTeamRight .userMain .docUD {
	padding: 0 10px
}

.companyRight .companyTeamView .companyTeamRight .userMain .docUD .noDoc {
	text-align: center;
	margin-top: 1rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companyTeamView .companyTeamRight .doc-detail-wrap {
	position: absolute;
	top: 3.375rem;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: inherit
}

.companyRight .companyTeamView .companyTeamRight .doc-detail-wrap .docDetail {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: inherit;
	padding: 0 3.375rem
}

.groupItem.groupHelper header {
	background: #fff;
	cursor: default;
	height: 2.25rem;
	line-height: 2.25rem;
	padding-left: 1.5rem;
	font-size: .875rem;
	color: #333;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.groupItem.groupHelper header i {
	font-size: 1.5rem;
	position: relative;
	top: .25rem;
	cursor: pointer
}

.groupItem.groupHelper header i.turnDown {
	color: #09f
}

.groupItem.groupHelper header:hover {
	background: #ececec
}

.groupItem.groupHelper header.active {
	background: #0096f6
}

.groupItem.groupHelper header.active,
.groupItem.groupHelper header.active .peopleNum {
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.groupItem.groupHelper header .peopleNum {
	font-size: .875rem;
	color: #666
}

.groupItem.groupHelper .userList {
	display: none!important
}

.companyRight .companySettingView {
	width: 100%;
	height: 100%
}

.companyRight .companySettingView .companySettingLeft {
	position: absolute;
	left: 0;
	width: 16.875rem;
	top: 0;
	bottom: 0;
	background: #fff
}

.companyRight .companySettingView .companySettingLeft .companySettingHeader {
	width: 100%;
	height: 3.375rem;
	line-height: 3.375rem;
	padding-left: 5.75rem;
	font-size: .875rem;
	color: #333;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.companyRight .companySettingView .companySettingLeft .companySettingHeader i {
	font-size: 1.5rem;
	position: relative;
	top: .25rem;
	margin-right: .5rem
}

.companyRight .companySettingView .companySettingLeft ul.settingMenu {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 3.375rem;
	bottom: 1rem
}

.companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem {
	cursor: default;
	height: 3.5rem;
	line-height: 3.5rem;
	padding-left: 2.75rem;
	background: #fff;
	font-size: .75rem;
	color: #333
}

.companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem.active {
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	background: #0f8ee5
}

.companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem.active:hover {
	background: #0f8ee5
}

.companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem:hover {
	background: #f5f5f5
}

.companyRight .companySettingView .companyInfo {
	height: 27.75rem;
	width: 25rem;
	margin-top: 3.5rem;
	position: absolute;
	left: 50%;
	margin-left: -12.5rem
}

.companyRight .companySettingView .companyInfo>table {
	width: 100%;
	height: 100%
}

.companyRight .companySettingView .companyInfo>table tr {
	height: 4rem;
	line-height: 4rem
}

.companyRight .companySettingView .companyInfo>table tr.logo img {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .33);
	border-radius: 2px;
	width: 3rem;
	height: 3rem
}

.companyRight .companySettingView .companyInfo>table tr.name .nameInp {
	width: 18rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #666
}

.companyRight .companySettingView .companyInfo>table tr.area div {
	cursor: default;
	float: left;
	width: 5.5rem;
	height: 1.75rem;
	line-height: 1.75rem;
	margin-right: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	padding: 0 .625rem
}

.companyRight .companySettingView .companyInfo>table tr.area div:nth-last-child(1) {
	margin-right: 0
}

.companyRight .companySettingView .companyInfo>table tr.area div .default {
	font-size: .75rem;
	color: #666;
	float: right
}

.companyRight .companySettingView .companyInfo>table tr.industry .industryInp {
	cursor: default;
	width: 18rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #666
}

.companyRight .companySettingView .companyInfo>table tr.industry .industryInp i {
	font-size: 1.25rem;
	float: right;
	margin-top: .125rem;
	margin-right: .25rem;
	color: #657d8e
}

.companyRight .companySettingView .companyInfo>table tr.size .sizeInp {
	cursor: default;
	width: 18rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #666
}

.companyRight .companySettingView .companyInfo>table tr.size .sizeInp i {
	font-size: 1.25rem;
	float: right;
	margin-top: .125rem;
	margin-right: .25rem
}

.companyRight .companySettingView .companyInfo>table tr.createTime .td2 {
	font-size: .75rem;
	color: #666
}

.companyRight .companySettingView .companyInfo>table tr td {
	text-align: left
}

.companyRight .companySettingView .companyInfo>table tr td.td1 {
	width: 6.75rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight {
	background: #f6f7fb;
	position: absolute;
	top: 0;
	right: 0;
	left: 16.875rem;
	bottom: 0;
	min-width: 27.5rem;
	overflow-x: hidden;
	overflow-y: auto
}

.companyRight .companySettingView .companySettingRight .bassInfo {
	height: 27.75rem;
	width: 25rem;
	margin-top: 3.5rem;
	margin-left: 6.125rem
}

.companyRight .companySettingView .companySettingRight .bassInfo>table {
	width: 100%;
	height: 100%
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr {
	height: 4rem;
	line-height: 4rem
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.logo .theImg {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	position: relative
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.logo .theImg img {
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .33);
	border-radius: 2px;
	width: 3rem;
	height: 3rem
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.logo .theImg .loadIcon {
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.logo .upLoad {
	font-size: .75rem;
	color: #333;
	color: #0f8ee5;
	margin-left: 1.375rem;
	cursor: pointer
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.logo .upLoad .upLoadInp {
	display: none
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.name .nameInp {
	width: 18rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.area div {
	cursor: pointer;
	float: left;
	width: 5.5rem;
	height: 1.75rem;
	line-height: 1.75rem;
	margin-right: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	padding: 0 .625rem
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.area div:nth-last-child(1) {
	margin-right: 0
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.area div .default {
	font-size: .75rem;
	color: #666;
	float: right
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.industry .industryInp {
	cursor: pointer;
	width: 18rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.industry .industryInp i {
	font-size: 1.25rem;
	float: right;
	margin-top: .125rem;
	margin-right: .25rem;
	color: #657d8e
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.size .sizeInp {
	cursor: pointer;
	width: 18rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.size .sizeInp i {
	font-size: 1.25rem;
	float: right;
	margin-top: .125rem;
	margin-right: .25rem
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr.createTime .td2 {
	font-size: .75rem;
	color: #666
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr td {
	text-align: left
}

.companyRight .companySettingView .companySettingRight .bassInfo>table tr td.td1 {
	width: 6.75rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .authority {
	margin-bottom: 2rem;
	width: 24.875rem;
	margin-left: 6.375rem;
	margin-top: 3.375rem
}

.companyRight .companySettingView .companySettingRight .authority .setAdmin>header {
	font-size: .875rem;
	color: #617a8b;
	margin-bottom: .75rem
}

.companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li {
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li img {
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 2.5rem;
	float: left;
	margin-top: .375rem
}

.companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li span.name {
	float: left;
	min-width: 16rem
}

.companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li span.shenFen {
	float: right
}

.companyRight .companySettingView .companySettingRight .authority .setAdmin i.icon-add_circle {
	font-size: 1.75rem;
	color: #ddf1ff;
	position: relative;
	left: -2px;
	top: .25rem;
	cursor: pointer
}

.companyRight .companySettingView .companySettingRight .authority .attorn {
	margin-top: 2.5rem
}

.companyRight .companySettingView .companySettingRight .authority .attorn>header {
	font-size: .875rem;
	color: #617a8b;
	margin-bottom: .75rem
}

.companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li {
	height: 2.8125rem;
	line-height: 2.8125rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li .companyOwner {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	width: 14.875rem;
	height: 1.75rem;
	line-height: 1.75rem;
	float: right;
	padding-left: .375rem;
	cursor: pointer;
	margin-top: .5rem
}

.companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li .pswInp {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	width: 10.625rem;
	height: 1.75rem;
	line-height: 1.75rem;
	float: right;
	font-size: .75rem;
	color: #666;
	margin-right: .625rem;
	padding-left: .375rem;
	margin-top: .5rem
}

.companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li .giveComp {
	float: right;
	margin-top: .5rem
}

.companyRight .companySettingView .companySettingRight .authority .delCompany,
.companyRight .companySettingView .companySettingRight .authority .outCompany {
	margin-top: 2.5rem
}

.companyRight .companySettingView .companySettingRight .authority .delCompany>header,
.companyRight .companySettingView .companySettingRight .authority .outCompany>header {
	font-size: .875rem;
	color: #617a8b;
	margin-bottom: .75rem
}

.companyRight .companySettingView .companySettingRight .authority .delCompany .content,
.companyRight .companySettingView .companySettingRight .authority .outCompany .content {
	height: 2.625rem;
	line-height: 1.3125rem;
	font-size: .75rem;
	color: #666
}

.companyRight .companySettingView .companySettingRight .authority .delCompany .deleteBtn,
.companyRight .companySettingView .companySettingRight .authority .delCompany .outCompanyBtn,
.companyRight .companySettingView .companySettingRight .authority .outCompany .deleteBtn,
.companyRight .companySettingView .companySettingRight .authority .outCompany .outCompanyBtn {
	margin-top: .875rem
}

.companyRight .companySettingView .companySettingRight .authority .delCompany .deleteView,
.companyRight .companySettingView .companySettingRight .authority .outCompany .deleteView {
	height: 2.8125rem;
	line-height: 2.8125rem;
	font-size: .875rem;
	color: #333
}

.companyRight .companySettingView .companySettingRight .authority .delCompany .deleteView .deletePswInp,
.companyRight .companySettingView .companySettingRight .authority .outCompany .deleteView .deletePswInp {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	width: 10.625rem;
	height: 1.75rem;
	line-height: 1.75rem;
	float: right;
	font-size: .75rem;
	color: #666;
	margin-right: .625rem;
	padding-left: .375rem;
	margin-top: .5rem
}

.companyRight .companySettingView .companySettingRight .authority .delCompany .deleteView .deleteCompany,
.companyRight .companySettingView .companySettingRight .authority .outCompany .deleteView .deleteCompany {
	float: right;
	margin-top: .5rem
}

.areaUl,
.industryUl,
.sizeUl {
	max-height: 15rem;
	width: 11.25rem;
	overflow-x: hidden;
	overflow-y: auto
}

.areaUl li.areaItem,
.areaUl li.industryItem,
.areaUl li.sizeItem,
.industryUl li.areaItem,
.industryUl li.industryItem,
.industryUl li.sizeItem,
.sizeUl li.areaItem,
.sizeUl li.industryItem,
.sizeUl li.sizeItem {
	cursor: default;
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .75rem;
	color: #617a8b;
	padding-left: 1.375rem
}

.areaUl li.areaItem:hover,
.areaUl li.industryItem:hover,
.areaUl li.sizeItem:hover,
.industryUl li.areaItem:hover,
.industryUl li.industryItem:hover,
.industryUl li.sizeItem:hover,
.sizeUl li.areaItem:hover,
.sizeUl li.industryItem:hover,
.sizeUl li.sizeItem:hover {
	background: #f5f5f5
}

.companyRight {
	position: absolute;
	left: 0;
	right: 0;
	top: 64px;
	bottom: 1.875rem;
	background: #f2f6fb;
	opacity: 0
}

.setPop {
	background: #fff;
	width: 28.75rem;
	height: 15rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14.375rem;
	margin-top: -7.5rem
}

.setPop header {
	cursor: default;
	position: relative;
	height: 3.25rem;
	line-height: 3.25rem;
	width: 100%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: .875rem;
	color: #333
}

.setPop header i {
	cursor: pointer;
	position: absolute;
	display: block;
	float: right;
	color: #0689dd;
	font-size: 1.375rem;
	right: .875rem;
	top: 1rem
}

.setPop .setPopContent {
	width: 25rem;
	margin-left: 1.875rem;
	margin-top: 1rem
}

.setPop .setPopContent ul li {
	margin-bottom: 1.625rem;
	height: 1.875rem
}

.setPop .setPopContent ul li .pLeft {
	height: 100%;
	float: left;
	max-width: 6.25rem;
	font-size: .875rem;
	color: #333;
	cursor: default
}

.setPop .setPopContent ul li .inputRight {
	float: right;
	width: 18.125rem;
	border: 1px solid rgba(0, 0, 0, .07);
	border-radius: 2px;
	height: 1.875rem
}

.setPop .setPopContent ul li .inputRight input {
	padding-left: .5rem;
	border: none;
	width: 100%;
	height: 100%;
	line-height: 100%
}

.setPop .setPopContent ul li .pRight {
	cursor: default;
	float: right;
	padding-left: .5rem;
	width: 18.125rem;
	border: 1px solid rgba(0, 0, 0, .07);
	border-radius: 2px;
	height: 1.875rem;
	line-height: 1.875rem;
	font-size: .75rem;
	color: #a3a3a3
}

.setPop .setPopContent ul li .pRight .icon-keyboard_arrow_down {
	float: right;
	margin-top: .125rem;
	font-size: 1.5rem
}

.setPop .setPopContent ul li .pRight.dept {
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.setPop .setPopContent ul li .pRight.dept:hover {
	border: 1px solid rgba(0, 0, 0, .1)
}

.setPop .setPopContent ul li .pRight.dept .partName {
	font-size: .75rem;
	color: #333
}

.setPop .setPopContent ul li .pRight.realName {
	width: 13.4375rem
}

.setPop .setPopContent ul li .deletePerson {
	float: right;
	width: 3.75rem;
	height: 1.875rem;
	padding: 7px 5px;
	margin-left: .9375rem
}

.userLimit {
	background: #fff;
	width: 450px;
	height: 350px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -175px
}

.userLimit i {
	cursor: pointer;
	position: absolute;
	display: block;
	float: right;
	color: #a3a3a3;
	font-size: 1.375rem;
	right: .875rem;
	top: .875rem
}

.userLimit .buildingPic {
	position: absolute;
	width: 63px;
	height: 65px;
	background: url("https://res-front-cdn.rishiqing.com/common/img/pay/%E5%85%AC%E5%8F%B8.png");
	top: 64px;
	left: 50%;
	margin-left: -31px
}

.userLimit h2 {
	font-size: 18px;
	color: #333;
	top: 150px;
	display: block;
	width: 100%
}

.userLimit .info,
.userLimit h2 {
	position: absolute;
	text-align: center
}

.userLimit .info {
	font-size: .75rem;
	color: #a3a3a3;
	width: 280px;
	height: 40px;
	line-height: 20px;
	top: 202px;
	left: 50%;
	margin-left: -140px
}

.userLimit .buyBtn {
	width: 90px;
	background: #1ba4ff;
	text-align: center;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	position: absolute;
	bottom: 43px;
	left: 50%;
	margin-left: -45px;
	cursor: pointer
}

.userLimit .buyBtn :hover {
	background: #32adff
}

.popover-content .companyChangeGroupList {
	width: 11.25rem
}

.popover-content .companyChangeGroupList li {
	cursor: default;
	height: 2.25rem;
	line-height: 2.25rem;
	width: 100%;
	overflow: hidden
}

.popover-content .companyChangeGroupList li i {
	display: none;
	float: right;
	font-size: 1.25rem;
	margin-top: .4rem;
	margin-right: .9rem;
	color: #0689dd
}

.popover-content .companyChangeGroupList li.active i {
	display: block
}

.popover-content .companyChangeGroupList li:hover {
	background: #f5f5f5
}

.createCompany1 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.createCompany1 .companyTopView {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 6.25rem;
	line-height: 6.25rem;
	background: #1889d3;
	box-shadow: 0 1px 1px 0 #1889d3;
	text-align: center
}

.createCompany1 .companyTopView h3 {
	opacity: 0;
	margin-top: 2.125rem
}

.createCompany1 .bottomView {
	position: absolute;
	top: 6.25rem;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: center;
	background: #ddf1ff;
	min-height: 31.25rem
}

.createCompany1 .bottomView .notPic {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.createCompany1 .bottomView .notPic .direct {
	font-size: .875rem;
	color: #333;
	line-height: 1.75rem;
	text-align: center;
	height: 3.5rem;
	width: 36.25rem;
	margin: 2.25rem auto .25rem
}

.createCompany1 .bottomView .notPic .feeText {
	font-size: .75rem;
	color: #666
}

.createCompany1 .bottomView .notPic .feeText .seeMore {
	cursor: pointer;
	color: #0f8ee5
}

.createCompany1 .bottomView .notPic .btn-primary {
	margin-top: 1.875rem
}

.createCompany1 .bottomView .bottomPic {
	opacity: 0;
	width: 43.75rem;
	height: 20rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -21.875rem;
	background: url(https://res-front-cdn.timetask.cn/release/images/createCompany.3668c60f23.png) no-repeat
}

.createCompany2 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

.createCompany2 .headline-white-primary {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 6.25rem;
	line-height: 6.25rem;
	background: #0083d7;
	box-shadow: 0 1px 1px 0 #0083d7;
	text-align: center
}

.createCompany2 .bottomView {
	position: absolute;
	top: 6.25rem;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: left;
	background: #ddf1ff;
	min-height: 31.25rem
}

.createCompany2 .bottomView .bottomContainer {
	width: 62rem;
	height: 23.125rem;
	position: absolute;
	left: 50%;
	margin-left: -31rem;
	margin-top: 3rem
}

.createCompany2 .bottomView .bottomContainer .directLeft {
	float: left;
	width: 22.25rem;
	height: 100%;
	margin-top: 3.25rem
}

.createCompany2 .bottomView .bottomContainer .directLeft .directItem {
	height: 7.375rem
}

.createCompany2 .bottomView .bottomContainer .directLeft .directItem .leftIcon {
	float: left;
	font-size: 2.5rem;
	color: #0f8ee5;
	margin-right: 2.25rem
}

.createCompany2 .bottomView .bottomContainer .directLeft .directItem .leftIcon.icon-view_quilt {
	font-size: 3rem;
	position: relative;
	top: -5px;
	left: -2px;
	margin-right: 1.875rem
}

.createCompany2 .bottomView .bottomContainer .directLeft .directItem .rightCont {
	float: left;
	text-align: left
}

.createCompany2 .bottomView .bottomContainer .directLeft .directItem .rightCont header {
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700
}

.createCompany2 .bottomView .bottomContainer .directLeft .directItem .rightCont .shortCont {
	font-size: .75rem;
	color: #666
}

.createCompany2 .bottomView .bottomContainer .inputRight {
	float: right;
	width: 22rem;
	height: 100%
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr {
	height: 3.375rem;
	line-height: 3.375rem
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr .td1 {
	width: 6.75rem;
	font-size: .875rem;
	color: #333
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr .td2 {
	width: 15rem
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.name .nameInp {
	font-size: .75rem;
	color: #333;
	width: 100%;
	line-height: 1.875rem;
	height: 1.875rem;
	margin-top: .75rem;
	padding-left: .8125rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div {
	cursor: pointer;
	float: left;
	width: 4.5625rem;
	height: 1.75rem;
	line-height: 1.75rem;
	margin-right: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	padding: 0 .625rem;
	font-size: .75rem;
	color: #333
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div .value {
	width: 2.25rem;
	overflow: hidden;
	display: block;
	height: 14px;
	line-height: 14px;
	margin-top: 7px;
	float: left
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div:nth-last-child(1) {
	margin-right: 0
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div .default {
	font-size: .75rem;
	color: #666;
	float: right
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.industry .industryInp {
	cursor: pointer;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #333
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.industry .industryInp i {
	font-size: 1.25rem;
	float: right;
	margin-top: .125rem;
	margin-right: .25rem
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.size .sizeInp {
	cursor: pointer;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: .625rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 2px;
	font-size: .75rem;
	color: #333
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.size .sizeInp i {
	font-size: 1.25rem;
	float: right;
	margin-top: .125rem;
	margin-right: .25rem
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.tel .telInp {
	font-size: .75rem;
	color: #333;
	width: 100%;
	line-height: 1.875rem;
	height: 1.875rem;
	margin-top: .75rem;
	padding-left: .8125rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.yzMa {
	display: none
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.yzMa .vCode {
	float: left;
	width: 6.75rem;
	height: 1.875rem;
	line-height: 1.875rem;
	padding-left: .8125rem;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
	font-size: .75rem;
	color: #333
}

.createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.yzMa .sendVCode {
	float: right;
	border-radius: 3px;
	padding: .375rem .6875rem;
	width: 6.75rem
}

#companyPreLoad {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #ddd;
	text-align: center;
	z-index: 3000
}

#companyPreLoad h1 {
	margin-top: 3rem
}

.teamInviteDialog .container .body .userListContainer .font {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: rgba(0, 0, 0, .54)
}

.teamInviteDialog .container .body .userListContainer .userList {
	margin-top: 8px
}

.inviteUserItem {
	width: 100%;
	height: 43px;
	-ms-box-sizing: inherit;
	-o-box-sizing: inherit;
	box-sizing: inherit;
	font-size: 12px;
	display: none
}

.inviteUserItem>ul li {
	float: left
}

.inviteUserItem>ul .avatarLi {
	width: 58px
}

.inviteUserItem>ul .avatarLi img {
	width: 33px;
	height: 33px;
	margin-top: 3px
}

.inviteUserItem>ul .userNameLi {
	width: 60%;
	color: rgba(0, 0, 0, .54);
	line-height: 43px;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.inviteUserItem>ul .operateLi {
	width: 25%;
	line-height: 43px;
	text-align: right;
	color: #65a2c9;
	float: right
}

.inviteUserItem>ul .operateLi>div>span {
	cursor: pointer
}

.inviteUserItem>ul .operateLi>div>span:hover {
	color: #1784ba
}

.inviteUserItem>ul .operateLi>div .left {
	margin-right: 12px
}

.teamInviteDialogView {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2000;
	overflow-x: hidden;
	overflow-y: auto
}

.teamInviteDialogView input:-moz-placeholder,
.teamInviteDialogView input::-moz-placeholder,
.teamInviteDialogView textarea:-moz-placeholder,
.teamInviteDialogView textarea::-moz-placeholder {
	color: rgba(0, 0, 0, .4)
}

.teamInviteDialogView input:-ms-input-placeholder,
.teamInviteDialogView textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3)
}

.teamInviteDialogView .loadingMask {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 5
}

.teamInviteDialogView .alertMessage {
	display: none;
	position: absolute;
	min-width: 200px;
	max-width: 460px;
	padding: 0 20px;
	height: 75px;
	line-height: 75px;
	top: 250px;
	left: 50%;
	background: #fff;
	-ms-box-shadow: 0 1px 17px 7px rgba(0, 0, 0, .13);
	-o-box-shadow: 0 1px 17px 7px rgba(0, 0, 0, .13);
	box-shadow: 0 1px 17px 7px rgba(0, 0, 0, .13);
	transform: translate(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	border-radius: 3px;
	z-index: 4;
	text-align: center;
	cursor: pointer
}

.teamInviteDialogView .alertMessage .msg {
	font-size: 15px;
	color: #30a2da;
	cursor: pointer
}

.teamInviteDialogView .top-notice {
	font-size: 12px;
	color: #30a2da;
	margin-left: 5px;
	float: left
}

.teamInviteDialogView .top-notice.top-notice2 {
	margin-left: 11px
}

.teamInviteDialogView .QRCode {
	display: none;
	text-align: center
}

.teamInviteDialogView .QRCode img {
	margin-bottom: 13px
}

.teamInviteDialogView .QRCode p {
	margin-bottom: 0
}

.teamInviteDialogView .QRCode p+p {
	margin-top: 11px
}

.teamInviteDialogView .invite_loading {
	position: absolute;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 6
}

.teamInviteDialogView .teamInviteDialogMask {
	position: fixed!important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-y: auto;
	overflow-x: hidden
}

.teamInviteDialogView .teamInviteDialogMask .header {
	height: auto;
	width: 100%
}

.teamInviteDialogView .teamInviteDialogMask .header .top {
	height: 45px;
	width: 100%;
	text-align: center;
	line-height: 45px;
	position: relative
}

.teamInviteDialogView .teamInviteDialogMask .header .top .font {
	font-size: 14px;
	color: rgba(0, 0, 0, .54)
}

.teamInviteDialogView .teamInviteDialogMask .header .top .cancel {
	position: absolute;
	top: .375rem;
	right: 15px;
	font-size: 1.5rem;
	color: rgba(0, 0, 0, .54);
	cursor: pointer
}

.teamInviteDialogView .teamInviteDialogMask .header .top .cancel:hover {
	color: #000
}

.teamInviteDialogView .teamInviteDialogMask .header .nav {
	height: 48px;
	background: #f8f8f8;
	border: 1px solid #eaeaea;
	width: 100%;
	line-height: 31px
}

.teamInviteDialogView .teamInviteDialogMask .header .nav>ul {
	width: 100%
}

.teamInviteDialogView .teamInviteDialogMask .header .nav>ul li {
	float: left;
	width: 25%;
	text-align: center;
	color: #a3a3a3;
	font-size: 12px;
	position: relative
}

.teamInviteDialogView .teamInviteDialogMask .header .nav>ul li+li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 1px;
	height: 24px;
	background-color: #eaeaea
}

.teamInviteDialogView .teamInviteDialogMask .header .nav>ul li>span {
	cursor: pointer;
	line-height: 48px
}

.teamInviteDialogView .teamInviteDialogMask .header .nav>ul li>span:hover {
	color: #1784ba
}

.teamInviteDialogView .teamInviteDialogMask .header .nav>ul .active>span {
	font-size: .75rem;
	color: #1ba4ff
}

.teamInviteDialogView .teamInviteDialogMask .inviteDialogHeader.header {
	position: fixed!important;
	top: 0;
	left: 50%;
	z-index: 3;
	-ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .13);
	-o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .13);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .13)
}

.teamInviteDialogView .teamInviteDialogMask .inviteDialogHeader.header,
.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog {
	width: 560px;
	background: #fff;
	transform: translate(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog {
	position: absolute;
	top: 80px;
	left: 50vw;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 3px;
	z-index: 2
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body {
	margin-top: 2px;
	min-height: 230px;
	-ms-box-sizing: inherit;
	-o-box-sizing: inherit;
	box-sizing: inherit;
	padding: 20px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .isNotMember {
	display: block;
	height: 200px;
	line-height: 200px;
	text-align: center
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .isNotMember a {
	color: #00f;
	text-decoration: none
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink {
	display: none;
	font-size: 13px;
	margin-left: 10px;
	margin-top: 15px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink>span {
	display: block;
	float: left;
	margin-top: 5px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink>ul {
	float: left
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink>ul>li {
	float: left;
	width: 27px;
	height: 27px;
	margin-left: 10px;
	cursor: pointer
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink .wxShare {
	background: url(https://res-front-cdn.timetask.cn/release/images/weChart.97101fb495.png) no-repeat 0 0
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink .qqShare {
	background: url(https://res-front-cdn.timetask.cn/release/images/QQ.be8cf4f541.png) no-repeat 0 0
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .switchBody {
	margin-top: 25px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv {
	border: 1px solid #ededed;
	padding: 5px 5px 5px 11px;
	-ms-box-sizing: inherit;
	-o-box-sizing: inherit;
	box-sizing: inherit;
	border-radius: 3px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv.copyInput {
	border: none
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv>input {
	border: 0;
	width: 80%;
	height: 22px;
	font-size: 12px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv .copy-input {
	width: calc(100% - 62px)!important;
	border: 1px solid #ededed;
	padding: 14px 4px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv .copy-input+span.copy-url {
	margin-top: 1px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv #invite_copy_text {
	color: rgba(0, 0, 0, .4)
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv #inviteBtn1,
.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv .inviteBtn1 {
	float: right
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .butchInviteText textarea {
	resize: none;
	width: 100%;
	height: 176px;
	border: 1px solid #ededed;
	border-radius: 3px;
	padding: 10px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .butchInviteText .butchBottom {
	margin-top: 26px;
	height: 24px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .butchInviteText .butchBottom .butchInvite {
	position: absolute;
	margin-top: 45px;
	margin-left: 234px;
	display: block
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .notice {
	display: block;
	font-size: 12px;
	color: #30a2da;
	margin-left: 5px;
	float: left
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept {
	margin-top: 21px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept:after {
	content: '';
	display: table;
	clear: both
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown,
.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept>span {
	float: left
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept>span {
	line-height: 29px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown {
	margin: 0 30px 0 7px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-toggle {
	border: 1px solid #eaeaea;
	border-radius: 2px;
	padding: 3px 9px;
	overflow: hidden;
	width: 140px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-toggle .dept-info {
	color: #626263;
	cursor: default;
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-toggle i {
	margin-top: -3px;
	font-size: 24px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu {
	margin-left: -23px;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 180px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .slide {
	font-family: icomoon!important
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu>li:nth-last-child(1) {
	margin-left: 10px;
	padding-left: 14px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu>ul>.slide,
.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu>ul>input {
	display: none
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul>li {
	padding-left: 14px!important
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul>ul {
	position: relative
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul>li,
.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul>ul {
	padding-left: 10px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item {
	max-width: 100%;
	cursor: default;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item+input[type=checkbox] {
	width: 20px;
	opacity: 0;
	position: absolute;
	top: 1px;
	left: 0;
	height: 40px;
	z-index: 10
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item+input[type=checkbox]+.slide:before {
	content: "\E5C5";
	position: absolute;
	font-size: 24px;
	top: 7px;
	left: 4px
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item+input[type=checkbox]:checked+.slide:before {
	content: "\E5C7"
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item+input[type=checkbox]:checked+.slide+ul {
	display: none
}

.teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .userListContainer {
	min-height: 100px;
	width: 100%;
	margin-top: 35px
}

.teamInviteDialogView .btn-primary {
	margin-right: -3px;
	margin-top: -3px
}

.storageBox {
	position: absolute;
	top: 0;
	bottom: 0;
	opacity: 0;
	left: 0;
	right: 0
}

.storageBox header {
	width: 100%;
	height: 64px;
	text-align: center;
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .96);
	color: #fff
}

.storageBox header i {
	font-size: 1rem;
	position: relative;
	top: .125rem
}

.storageBox #buttonDiv {
	margin-top: 0;
	display: block;
	width: 100%;
	height: 2.625rem;
	padding: 0 1.125rem
}

.storageBox #buttonDiv #storageAddBtn {
	display: block;
	line-height: 2.625rem;
	outline: none;
	width: 100%;
	padding-left: 1rem;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
	text-align: left;
	border: none;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	color: #fff
}

.storageBox #buttonDiv #storageAddBtn i {
	margin-right: .7rem;
	font-size: 1rem;
	position: relative;
	top: .125rem
}

.storageBox #storageAddInputLi {
	width: 100%;
	padding: 0 4.125rem 0 1rem;
	background: rgba(0, 0, 0, .1);
	border-radius: 3px;
	height: 2.625rem;
	text-align: left;
	border: none;
	position: relative
}

.storageBox #storageAddInputLi input {
	width: 100%;
	border: none;
	background: none;
	line-height: 2.625rem
}

.storageBox #storageAddInputLi input::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .54)
}

.storageBox #storageAddInputLi input:-moz-placeholder,
.storageBox #storageAddInputLi input::-moz-placeholder {
	color: hsla(0, 0%, 100%, .54)
}

.storageBox #storageAddInputLi input:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .54)
}

.storageBox #storageUlDiv {
	position: absolute;
	top: 110px;
	bottom: 0;
	left: 1.125rem;
	right: 0;
	overflow: hidden
}

.storageBox #storageUlDiv ul {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: .625rem;
	right: 6px
}

.storageBox #storageUlDiv ul li.my_placeholder {
	height: 2.625rem;
	line-height: 2.625rem;
	width: 275px;
	margin-bottom: .25rem;
	cursor: default;
	position: relative
}

.storageBox #storageUlDiv ul li.my_placeholder:after {
	content: ' ';
	display: block;
	border-radius: 3px;
	width: 275px;
	height: 100%;
	position: relative;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13)
}

.storageBox #storageUlDiv ul li.item {
	padding-right: 7px;
	height: 2.625rem;
	line-height: 2.625rem;
	width: 275px;
	margin-bottom: .25rem;
	cursor: default;
	position: relative
}

.storageBox #storageUlDiv ul li.item.itemAnimated {
	-webkit-animation: itemAction .3s;
	animation: itemAction .3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.storageBox #storageUlDiv ul li.item.itemCloseAnimated {
	-webkit-animation: itemCloseAction .3s;
	animation: itemCloseAction .3s
}

@-webkit-keyframes itemAction {
	0% {
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes itemCloseAction {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	70% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	to {
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}
}

.storageBox #storageUlDiv ul li.fixLi {
	position: absolute;
	bottom: 0;
	top: auto;
	width: 0;
	height: 0
}

.storageBox #storageUlDiv ul li .taskItem {
	background: #1384d5;
	border-radius: 3px;
	width: 275px;
	height: 100%;
	position: relative;
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .96)
}

.storageBox #storageUlDiv ul li .taskItem .tomato-clock-trigger {
	display: none
}

.storageBox #storageUlDiv ul li .taskItem:hover {
	background: #2a90d9
}

.storageBox #storageUlDiv ul li .taskItem .ItemLeft {
	display: none
}

.storageBox #storageUlDiv ul li .taskItem span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1rem;
	right: 2rem;
	color: #dbecf8
}

.storageBox #storageUlDiv ul li .taskItem .itemIcon {
	color: hsla(0, 0%, 100%, .36);
	border-radius: 2.5px;
	width: 1.25rem;
	height: 1.25rem;
	float: right;
	font-size: 1.5rem;
	margin-right: .75rem;
	margin-top: .5rem
}

.storageBox #storageUlDiv ul li .taskItem .avatar {
	float: right;
	border-radius: 2px;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .625rem;
	margin-top: .5625rem
}

.storageBox #storageUlDiv ul li .taskItem .delayIcon {
	display: none
}

.storageBox hr {
	position: absolute;
	bottom: 10px;
	margin: 0;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .07);
	left: 0;
	right: 0
}

li.storageSortHelper {
	background: #1384d5;
	border-radius: 3px;
	width: 100%;
	height: 2.625rem;
	line-height: 2.625rem;
	padding-left: 1rem;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
	cursor: default
}

li.storageSortHelper .tomato-clock-trigger {
	display: none
}

li.storageSortHelper.calendarHelper {
	background: rgba(19, 132, 213, .5)
}

li.storageSortHelper:hover {
	background: #2a90d9
}

li.storageSortHelper div.taskItem {
	width: 100%;
	height: 100%;
	position: relative;
	background: #1384d5;
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .96)
}

li.storageSortHelper div.taskItem .ItemLeft {
	display: none
}

li.storageSortHelper div.taskItem span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 2rem
}

li.storageSortHelper div.taskItem .itemIcon {
	color: hsla(0, 0%, 100%, .36);
	border-radius: 2.5px;
	width: 1.25rem;
	height: 1.25rem;
	float: right;
	font-size: 1.5rem;
	margin-right: .75rem;
	margin-top: .5rem
}

li.storageSortHelper div.taskItem .avatar {
	float: right;
	border-radius: 2px;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .625rem;
	margin-top: .5625rem
}

li.storageSortHelper div.taskItem .delayIcon {
	display: none
}

li.storageSortHelper.item {
	font-size: .8125rem;
	color: hsla(0, 0%, 100%, .96);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.weatherAndSwitchView {
	position: absolute;
	opacity: 0;
	left: 0;
	right: 0
}

.weatherAndSwitchView .weather {
	float: left;
	height: 3.75rem;
	width: 18.75rem;
	opacity: 0
}

.weatherAndSwitchView .weather.opa1 {
	opacity: 1
}

.weatherAndSwitchView .weather #weatherPic {
	float: left;
	width: 40px;
	height: 40px;
	margin-top: 16px;
	background-size: contain;
	background-repeat: no-repeat
}

.weatherAndSwitchView .weather .sunny {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/sunny.1c8ca93298.png)
}

.weatherAndSwitchView .weather .cloudy {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/moreCloud.32a79d32b3.png)
}

.weatherAndSwitchView .weather .littleRain {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/littleRain.c748a4b47c.png)
}

.weatherAndSwitchView .weather .bigRain {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/bigRain.4038fef251.png)
}

.weatherAndSwitchView .weather .windy {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/wind.7e131d2124.png)
}

.weatherAndSwitchView .weather .snow {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/snow.780b8b80f0.png)
}

.weatherAndSwitchView .weather .sha {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/sunny.1c8ca93298.png)
}

.weatherAndSwitchView .weather p {
	margin-top: 22px;
	margin-left: .625rem;
	float: left;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.weatherAndSwitchView .switch3Ul {
	float: right;
	opacity: 1;
	margin-right: 0
}

.weatherAndSwitchView .monthBar {
	float: left;
	height: 2rem;
	width: 20rem;
	margin-top: 16px;
	opacity: 0
}

.weatherAndSwitchView .monthBar.opa1 {
	opacity: 1
}

.weatherAndSwitchView .monthBar .thisMonth {
	display: inline-block;
	width: 7.4rem;
	line-height: 2rem;
	text-align: center;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96);
	vertical-align: top
}

.weatherAndSwitchView .monthBar .toMonth {
	display: inline-block;
	margin-left: 1.3125rem
}

.weatherAndSwitchView .weekBar {
	float: left;
	height: 2rem;
	width: 23rem;
	margin-top: 14px;
	opacity: 0
}

.weatherAndSwitchView .weekBar.opa1 {
	opacity: 1
}

.weatherAndSwitchView .weekBar .thisWeek {
	display: inline-block;
	width: 10.4rem;
	line-height: 2rem;
	text-align: center;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96)
}

.weatherAndSwitchView .weekBar .toWeek {
	display: inline-block;
	margin-left: 1.3125rem
}

.todoView {
	height: 100%
}

.todoView .dayView {
	position: absolute;
	top: 64px;
	bottom: 2rem;
	opacity: 0;
	left: 0;
	right: 0;
	min-width: 40.375rem
}

.todoView .dayView.not-today .tomato-clock-trigger {
	display: none!important
}

.todoView .dayView:not(.not-today) .item:not(.finishedItem) .taskItem:hover .ItemContent,
.todoView .dayView:not(.not-today) .item:not(.finishedItem) .taskItem:hover .ItemDelayContent {
	width: calc(100% - 113px)!important;
	right: auto!important
}

.todoView .dayView.opa1 {
	opacity: 1
}

.todoView .dayView .load {
	color: #1ba4ff;
	font-size: 2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -1.25rem;
	margin-top: -1.25rem;
	-webkit-animation: spin .8s infinite linear;
	animation: spin .8s infinite linear
}

.todoView .dayView .dayViewCalendar {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3.625rem;
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .23);
	border-radius: 3px
}

.todoView .dayView .dayViewCalendar:hover .leftHandel {
	background: rgba(27, 164, 255, .35)
}

.todoView .dayView .dayViewCalendar .leftHandel {
	border-radius: 3px 0 0 3px;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: absolute;
	left: 0;
	top: 0;
	width: .5rem;
	bottom: 0;
	background: #fafafa;
	z-index: 6;
	cursor: pointer
}

.todoView .dayView .dayViewCalendar .leftHandel .iconArr {
	position: absolute;
	left: .75rem;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: none;
	border-bottom: 3px solid transparent;
	border-right: 6px solid;
	border-right-color: #1ba4ff;
	z-index: 7
}

.todoView .dayView .dayViewCalendar.expandToBigCalendar {
	-webkit-animation: expendToBig .4s;
	animation: expendToBig .4s;
	width: 14.25rem
}

@-webkit-keyframes expendToBig {
	0% {
		width: 3.625rem
	}
	to {
		width: 14.25rem
	}
}

@keyframes expendToBig {
	0% {
		width: 3.625rem
	}
	to {
		width: 14.25rem
	}
}

.todoView .dayView .dayViewCalendar i.iconArr {
	color: #75818d;
	cursor: pointer;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.5rem;
	position: absolute;
	left: 50%;
	margin-left: -.75rem
}

.todoView .dayView .dayViewCalendar i.iconArr.icon-keyboard_arrow_up {
	top: .5rem
}

.todoView .dayView .dayViewCalendar i.iconArr.icon-keyboard_arrow_down {
	bottom: .5rem
}

.todoView .dayView .dayViewCalendar i.calendarCircle {
	width: 1.75rem;
	height: .75rem;
	background: url(https://res-front-cdn.timetask.cn/release/images/calendarCircle.0365368e98.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: -1rem
}

.todoView .dayView .dayViewCalendar i.calendarCircle.cc1 {
	top: 2.25rem
}

.todoView .dayView .dayViewCalendar i.calendarCircle.cc2 {
	bottom: 2.25rem
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl {
	position: absolute;
	top: 2rem;
	bottom: 2rem;
	left: 0;
	right: 0
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) {
	cursor: default;
	position: relative;
	width: 100%;
	height: 9.091%;
	vertical-align: middle;
	text-align: center
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem):hover:before {
	content: attr(data-week);
	position: absolute;
	top: 50%;
	left: 11px;
	width: 2.25rem;
	height: 2.25rem;
	margin-top: -1.125rem;
	border-radius: 50%;
	background: #f2f2f2;
	line-height: 2.25rem
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem):hover>span {
	display: none
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1.875rem;
	height: 1.875rem;
	display: inline-block;
	border-radius: 50%;
	font-size: .75rem;
	color: #617a8b;
	text-align: center;
	line-height: 1.875rem
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.active {
	cursor: default;
	background: #1ba4ff;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23);
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.active:hover {
	background: #32adff
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.active:after {
	content: attr(data-week);
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: 50%;
	background: #32adff;
	line-height: 2rem;
	box-shadow: none;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	display: none
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span:before {
	content: '';
	background: #1ba4ff;
	border-radius: 2px;
	width: 4px;
	height: 4px;
	position: absolute;
	right: 4px;
	top: 6px;
	display: none
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span:after {
	content: attr(data-week);
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: 50%;
	line-height: 2rem;
	background: #f2f2f2;
	font-size: .75rem;
	color: #333;
	box-shadow: none;
	display: none
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.hasDian:before {
	display: block
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.dropActive {
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .23)
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.dropHover {
	background: #ed736a;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.dropHover.dropActive {
	box-shadow: none
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem)>span.dropHover:after {
	display: inline-block
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	width: 3.625rem;
	height: 9.091%;
	text-align: center;
	z-index: 3
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#showMonth {
	top: 0;
	display: none
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#showMonth:after {
	content: '';
	width: 1.875rem;
	height: 1.375rem;
	background: #fff;
	position: absolute;
	top: -.125rem;
	left: .875rem
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#gotoToday {
	bottom: 0
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#gotoToday:after {
	content: '';
	width: 1.875rem;
	height: 1.375rem;
	background: #fff;
	position: absolute;
	bottom: -.125rem;
	left: .875rem
}

.todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem span {
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -.9375rem;
	left: 50%;
	margin-left: -.9375rem;
	width: 1.875rem;
	height: 1.875rem;
	display: inline-block;
	font-size: .75rem;
	color: #617a8b;
	text-align: center;
	line-height: 1.875rem;
	z-index: 4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.todoView .dayView .todoCalendar {
	width: 14.25rem;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	overflow-y: hidden;
	border-radius: 3px
}

.todoView .dayView .todoCalendar .leftHandel {
	border-radius: 3px 0 0 3px;
	position: absolute;
	left: 0;
	top: 0;
	width: .5rem;
	bottom: 0;
	background: #fafafa;
	z-index: 6;
	cursor: pointer
}

.todoView .dayView .todoCalendar .leftHandel:hover {
	background: #f0f0f0
}

.todoView .dayView .todoCalendar .leftHandel .icon-keyboard_arrow_right {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.75rem;
	font-size: 1rem;
	margin-left: -4px;
	z-index: 7;
	color: #b9b9b9
}

.todoView .dayView .todoCalendar.reduceToSmallCalendar {
	-webkit-animation: reduceToSmall .4s;
	animation: reduceToSmall .4s;
	width: 3.625rem
}

@-webkit-keyframes reduceToSmall {
	0% {
		width: 14.25rem
	}
	to {
		width: 3.625rem
	}
}

@keyframes reduceToSmall {
	0% {
		width: 14.25rem
	}
	to {
		width: 3.625rem
	}
}

.todoView .dayView .todoCalendar .today {
	font-size: .75rem;
	color: #666;
	position: absolute;
	top: .5rem;
	right: 1.5rem;
	width: 2.875rem;
	height: 1.25rem;
	background: #fff;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	border-radius: 99px;
	border: 1px solid rgba(0, 0, 0, .09);
	z-index: 2
}

.todoView .dayView .todoCalendar .today:hover {
	background: #f0f0f0
}

.todoView .dayView .todoCalendar .next,
.todoView .dayView .todoCalendar .prev {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: .75rem;
	color: #617a8b;
	font-size: 1.25rem;
	line-height: 2.125rem;
	cursor: pointer
}

.todoView .dayView .todoCalendar .next:hover,
.todoView .dayView .todoCalendar .prev:hover {
	background: #f0f0f0
}

.todoView .dayView .todoCalendar .next {
	bottom: 0
}

.todoView .dayView .todoCalendar .prev {
	top: 0
}

.todoView .dayView .todoCalendar .box {
	overflow-y: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 33.75rem
}

.todoView .dayView .todoCalendar .box :first-child.one_calendar {
	top: 2rem
}

.todoView .dayView .todoCalendar .box .one_calendar {
	background: #fff;
	text-align: center;
	padding-bottom: 17px;
	position: absolute;
	left: 0;
	right: 0;
	width: auto
}

.todoView .dayView .todoCalendar .box .one_calendar .select {
	height: 32px;
	line-height: 32px
}

.todoView .dayView .todoCalendar .box .one_calendar .select .date {
	font-size: 14px
}

.todoView .dayView .todoCalendar .box .one_calendar+.one_calendar {
	position: absolute;
	bottom: 2rem
}

.todoView .dayView .todoCalendar .box .one_calendar ul.week {
	font-size: .75rem;
	color: #333;
	overflow: hidden;
	margin: 0 0 -16px;
	padding: 0 15px 0 22px
}

.todoView .dayView .todoCalendar .box .one_calendar ul.week li {
	float: left;
	width: 26px
}

.todoView .dayView .todoCalendar .box .one_calendar ul.week li.weekends {
	color: rgba(201, 64, 64, .87)
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList {
	padding: 0 15px 0 22px
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li {
	float: left;
	position: relative;
	margin-top: 8px;
	height: 22px;
	line-height: 22px;
	width: 22px;
	margin-right: 5px;
	cursor: default;
	border-radius: 50%;
	border: 1px solid transparent
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li:hover {
	border: 1px solid #dedede
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.weekends {
	color: rgba(201, 64, 64, .87)
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.selected {
	padding: 0;
	border: 1px solid #1ba4ff;
	background-color: #1ba4ff;
	color: #fff
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.selected.hasDian:before {
	display: none
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li:before {
	content: '';
	background: #1ba4ff;
	border-radius: 2px;
	width: 4px;
	height: 4px;
	position: absolute;
	right: 0;
	top: 2px;
	display: none
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.hasDian:before {
	display: block
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.dropActive {
	border: 1px solid #dedede
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.dropHover {
	background: #ed736a;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	border: 1px solid #ed736a
}

.todoView .dayView .todoCalendar .box .one_calendar .dateList li.dropHover:after {
	display: block
}

.todoView .dayView .todoCalendar .box .one_calendar ul.week {
	margin-top: 0;
	margin-bottom: -16px
}

.todoView .dayView .todoCalendar .box .one_calendar ul.week li {
	margin-bottom: 14px
}

.todoView .dayView .dayViewQuad4 {
	position: absolute;
	top: 0;
	right: 4.8125rem;
	bottom: 0;
	left: 0;
	min-width: 35.625rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap {
	width: 50%;
	height: 50%;
	float: left
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=IE] {
	padding-right: .5rem;
	padding-bottom: .5rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=IU] {
	padding-left: .5rem;
	padding-bottom: .5rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=UE] {
	padding-right: .5rem;
	padding-top: .5rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=UU] {
	padding-left: .5rem;
	padding-top: .5rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox {
	position: relative;
	background-color: #f5f7f9;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .18);
	border-radius: 3px;
	width: 100%;
	height: 100%
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, .07);
	bottom: 10px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header {
	height: 2.75rem;
	position: relative
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header i.icon-ic_more_vert_black_24px {
	font-size: 1.5rem;
	color: #75818d;
	display: block;
	margin-top: .625rem;
	margin-left: .375rem;
	float: left;
	cursor: pointer
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header i.icon-add_circle {
	font-size: 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	color: #bbd1dc;
	display: block;
	margin-top: .5rem;
	margin-right: 1.1875rem;
	float: right;
	cursor: pointer
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header i.icon-add_circle:hover {
	color: rgba(21, 125, 199, .5)
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header span.quadName {
	display: block;
	position: absolute;
	left: 2.1875rem;
	right: 3.125rem;
	line-height: 2.75rem;
	font-size: .75rem;
	color: #617a8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #8c8c8c
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header input.editNameInp {
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	width: calc(100% - 6rem);
	height: 1.875rem;
	margin: .625rem .75rem;
	padding-left: .5rem;
	display: none
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header div.saveNameBtn {
	display: none;
	float: right;
	margin-right: 12px;
	margin-top: 11px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv {
	overflow: hidden;
	position: absolute;
	top: 2.75rem;
	bottom: .625rem;
	left: .75rem;
	right: .25rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY {
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 2px;
	padding-left: 6px;
	margin-left: -3px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY.scroll {
	right: 0
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY.scroll li {
	padding-right: 3px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY.ui-sortable-disabled li .taskItem {
	font-size: .8125rem;
	color: #a3a3a3;
	font-size: 13px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li {
	padding-right: 6px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.itemAnimated {
	-webkit-animation: itemAction .3s;
	animation: itemAction .3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.itemCloseAnimated {
	-webkit-animation: itemCloseAction .3s;
	animation: itemCloseAction .3s
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.finishedItem .taskItem .ItemContent {
	color: #a3a3a3!important
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.finishedItem .taskItem:hover .tomato-clock-trigger {
	display: none
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem {
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	margin-bottom: .3125rem;
	line-height: 2.625rem;
	height: 2.625rem;
	background: #fff;
	border-radius: 3px;
	width: 100%;
	cursor: default;
	overflow: hidden;
	border: 1px solid #ededed;
	border-bottom-color: #d8d8d8;
	font-size: .8125rem;
	color: #333
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .tomato-clock-trigger {
	display: none;
	color: #fd6d6f;
	font-size: 23px;
	margin-right: 11px;
	margin-top: 10px;
	float: left;
	cursor: pointer;
	float: right
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem:hover .tomato-clock-trigger {
	display: block
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem:hover {
	background: #f2f2f2
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemLeft {
	float: left;
	width: 1.125rem;
	height: 1.125rem;
	margin-left: .75rem;
	margin-top: .2rem;
	margin-right: .75rem;
	background-color: inherit
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent {
	display: block;
	position: absolute;
	left: 2.625rem;
	right: 3.125rem;
	top: 0;
	bottom: 0
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent .contentLeft {
	display: block;
	height: 100%;
	max-width: calc(100% - 4.5rem);
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent .contentLeft.checked {
	text-decoration: line-through
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent .delayIcon {
	float: left;
	font-style: normal;
	height: 1.25rem;
	line-height: 1.25rem;
	margin-left: .9375rem;
	overflow: hidden;
	text-align: center;
	background: #ff5959;
	border-radius: 2px;
	width: 3.375rem;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	margin-top: .6875rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemContent {
	display: block;
	position: absolute;
	left: 2.625rem;
	right: 3.125rem;
	top: 0;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemContent.checked {
	text-decoration: line-through;
	font-size: .8125rem;
	color: #333
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .avatar {
	float: right;
	border-radius: 2px;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: .5625rem;
	margin-right: 9px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .itemIcon {
	float: right;
	color: #bbd1dc;
	border-radius: 2.5px;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.5rem;
	margin-right: .625rem;
	margin-top: .5625rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask {
	margin-bottom: .3125rem;
	line-height: 2.625rem;
	border-radius: 3px;
	width: calc(100% - 6px);
	padding: 7px;
	cursor: default;
	font-size: .8125rem;
	color: #333;
	background: #fff
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label {
	display: block;
	margin: 0;
	height: 100%
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput {
	display: block;
	width: 100%;
	height: 2.5rem;
	background: none;
	line-height: 2.5rem;
	padding-left: .875rem;
	border: 1px solid #e8e8e8;
	border-radius: 3px;
	font-size: .8125rem;
	color: #333
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .33)
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput:-moz-placeholder,
.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput::-moz-placeholder {
	color: rgba(0, 0, 0, .33)
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput:-ms-input-placeholder {
	color: rgba(0, 0, 0, .33)
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .btn {
	margin-top: 7px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .btn-secondary {
	margin-right: .3125rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .btn-primary {
	margin-right: .5rem
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.my_placeholder {
	position: relative;
	margin-bottom: .3125rem;
	line-height: 2.625rem;
	height: 2.625rem;
	width: 100%
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: .5rem;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .15);
	border-radius: 3px
}

.todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.fixLi {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0
}

.todoView .dayView .dayViewQuad4.bigCalendarQuad {
	-webkit-animation: bigCalQuad .4s;
	animation: bigCalQuad .4s;
	right: 15.4375rem
}

@-webkit-keyframes bigCalQuad {
	0% {
		right: 4.8125rem
	}
	to {
		right: 15.4375rem
	}
}

@keyframes bigCalQuad {
	0% {
		right: 4.8125rem
	}
	to {
		right: 15.4375rem
	}
}

.todoView .dayView .dayViewQuad4.smallCalendarQuad {
	-webkit-animation: smallCalQuad .4s;
	animation: smallCalQuad .4s;
	right: 4.8125rem
}

@-webkit-keyframes smallCalQuad {
	0% {
		right: 15.4375rem
	}
	to {
		right: 4.8125rem
	}
}

@keyframes smallCalQuad {
	0% {
		right: 15.4375rem
	}
	to {
		right: 4.8125rem
	}
}

li.quadSortHelper {
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
	border: 1px solid rgba(0, 0, 0, .05);
	position: relative;
	margin-bottom: .3125rem;
	line-height: 2.625rem;
	height: 2.625rem;
	background: #fff;
	border-radius: 3px;
	width: 100%;
	cursor: default;
	font-size: .8125rem;
	color: #333
}

li.quadSortHelper .tomato-clock-trigger {
	display: none
}

li.quadSortHelper.calendarHelper {
	background: rgba(246, 247, 251, .5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

li.quadSortHelper .ItemLeft {
	float: left;
	width: 1.125rem;
	height: 1.125rem;
	margin-left: .75rem;
	margin-top: .2rem;
	margin-right: .75rem;
	background-color: inherit
}

li.quadSortHelper .ItemDelayContent {
	display: block;
	position: absolute;
	left: 2.625rem;
	right: 3.125rem;
	top: 0;
	bottom: 0
}

li.quadSortHelper .ItemDelayContent .contentLeft {
	display: block;
	height: 100%;
	max-width: calc(100% - 4.5rem);
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

li.quadSortHelper .ItemDelayContent .contentLeft.checked {
	text-decoration: line-through
}

li.quadSortHelper .ItemDelayContent .delayIcon {
	float: left;
	font-style: normal;
	height: 1.25rem;
	line-height: 1.25rem;
	margin-left: .9375rem;
	overflow: hidden;
	text-align: center;
	background: #ff5959;
	border-radius: 2px;
	width: 3.375rem;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	margin-top: .625rem
}

li.quadSortHelper .ItemContent {
	display: block;
	position: absolute;
	left: 2.625rem;
	right: 3.125rem;
	top: 0;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

li.quadSortHelper .ItemContent.checked {
	text-decoration: line-through
}

li.quadSortHelper .avatar {
	border-radius: 2px
}

li.quadSortHelper .avatar,
li.quadSortHelper .itemIcon {
	float: right;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: .625rem;
	margin-top: .5625rem
}

li.quadSortHelper .itemIcon {
	color: #bbd1dc;
	border-radius: 2.5px;
	font-size: 1.5rem
}

.notVIPEditName,
.VIPEditName {
	cursor: pointer;
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .18);
	border-radius: 3px;
	width: 11.25rem;
	height: 2.25rem;
	font-size: .875rem;
	color: #333;
	line-height: 2.25rem;
	padding-left: 2.125rem
}

.notVIPEditName span,
.VIPEditName span {
	float: right;
	font-style: normal;
	line-height: .75rem;
	margin-left: .125rem;
	overflow: hidden;
	text-align: center;
	background: #ff5959;
	border-radius: 2px;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96);
	margin-top: .5rem;
	padding: 4px;
	margin-right: 8px
}

.notVIPEditName:hover,
.VIPEditName:hover {
	background-color: #f5f5f5
}

.todoView .monthView {
	opacity: 0;
	position: absolute;
	top: 64px;
	bottom: 2rem;
	left: 0;
	right: 0;
	background: #f5f7f9;
	box-shadow: 0 0 2px rgba(0, 0, 0, .23);
	border-radius: 2px
}

.todoView .monthView.opa1 {
	opacity: 1
}

.todoView .monthView .tableView {
	position: absolute;
	left: 1rem;
	right: 1rem;
	top: 0;
	bottom: 1rem;
	overflow: hidden
}

.todoView .monthView .tableView .load {
	color: #ccc;
	font-size: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	-webkit-animation: spin .8s infinite linear;
	animation: spin .8s infinite linear
}

.todoView .monthView .tableView .mainTable {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.todoView .monthView .tableView .mainTable tbody tr td {
	box-shadow: inset 0 0 0 1px #fff
}

.todoView .monthView .tableView .mainTable th {
	border: none;
	vertical-align: middle;
	text-align: center;
	height: 3.75rem;
	font-size: .75rem;
	color: #617a8b;
	font-weight: 400;
	color: #626263
}

.todoView .monthView .tableView .mainTable tr {
	border: none
}

.todoView .monthView .tableView .mainTable tr td {
	border: none;
	position: relative;
	padding: .375rem .25rem;
	background: #fff;
	border: 1px solid #ededed;
	border-top-width: 2px;
	font-size: .75rem;
	color: #333
}

.todoView .monthView .tableView .mainTable tr td+td {
	border-left-width: 2px
}

.todoView .monthView .tableView .mainTable tr td.today {
	background: #fafafa;
	border: 2px solid #1ba4ff;
	border-top: none;
	position: relative;
	font-size: .8125rem;
	color: #333
}

.todoView .monthView .tableView .mainTable tr td.today:before {
	content: '';
	position: absolute;
	width: calc(100% + 4px);
	height: 2px;
	top: -1px;
	background-color: #1ba4ff;
	left: -2px
}

.todoView .monthView .tableView .mainTable tr td.today ul.tdUl li.more {
	font-size: .8125rem;
	color: #333;
	color: #59aeff
}

.todoView .monthView .tableView .mainTable tr td.today ul.tdUl li.more:hover {
	font-size: .8125rem;
	color: #333;
	color: #75818d
}

.todoView .monthView .tableView .mainTable tr td .dateNum {
	cursor: default;
	display: block;
	height: 1rem;
	line-height: 1rem;
	margin-bottom: 0;
	color: #a3a3a3
}

.todoView .monthView .tableView .mainTable tr td .tdContainer {
	overflow: hidden;
	position: relative
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>li.my_placeholder {
	height: 1.5rem;
	line-height: 1.5rem;
	position: relative;
	display: list-item;
	margin: 4px 0
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 2px
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>li.createLi {
	min-height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	height: 1.5rem
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>li.createLi input {
	font-size: .8125rem;
	color: #333;
	padding-left: 4px;
	width: 100%;
	border: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer ul.finished li.item {
	font-size: .8125rem;
	color: #a3a3a3;
	text-decoration: line-through
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting {
	border-left: 3px solid transparent
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=IE] {
	border-left-color: #ff5959
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=IE] li {
	border-left: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=IU] {
	border-left-color: #ffc32a
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=IU] li {
	border-left: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=UE] {
	border-left-color: #59aeff
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=UE] li {
	border-left: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=UU] {
	border-left-color: #2ad57d
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul.monthUlSorting[data-container=UU] li {
	border-left: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item {
	margin: 3px 0;
	cursor: default;
	padding: 0 4px;
	background: #fff;
	height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid #d1d1d1;
	border-radius: 1px;
	font-size: .8125rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-left: 3px solid transparent
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item .ItemLeft {
	display: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item.itemAnimated {
	-webkit-animation: itemAction .3s;
	animation: itemAction .3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item.itemCloseAnimated {
	-webkit-animation: itemCloseAction .3s;
	animation: itemCloseAction .3s
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item:hover {
	background: #e8e9ed
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item .subNum {
	height: 24px;
	line-height: 24px
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item .subNum .pull-left {
	background: #f2f2f2;
	padding: 0 5px
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.item .bPadding {
	height: 7px;
	width: 0
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.fixLi {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.my_placeholder {
	min-height: 1.5rem;
	line-height: 1.5rem;
	position: relative;
	display: list-item;
	margin: 3px 0
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul>li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 1px
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul[data-container=IE]>li.item {
	border-left-color: #ff5959
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul[data-container=IU]>li.item {
	border-left-color: #ffc32a
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul[data-container=UE]>li.item {
	border-left-color: #59aeff
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul>li>ul[data-container=UU]>li.item {
	border-left-color: #2ad57d
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest li.dian {
	visibility: hidden;
	height: 0;
	width: 100%;
	border: 1px solid #cc9
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest li.my_placeholder {
	min-height: 1.625rem;
	line-height: 1.625rem;
	position: relative;
	display: list-item;
	margin: 4px 0
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 2px
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest>li.item {
	min-height: 1.5rem;
	line-height: 1.5rem;
	cursor: default;
	width: 100%;
	padding: 0 5px;
	background: #fff;
	border-radius: 2px;
	margin: 4px 0;
	font-size: .8125rem;
	color: #333;
	white-space: normal;
	word-wrap: break-word;
	border: 1px solid #d1d1d1;
	border-left: 3px solid transparent
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest>li.item .ItemLeft {
	display: none
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest>li[data-scontainer=IE] {
	border-left-color: #ff5959
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest>li[data-scontainer=IU] {
	border-left-color: #ffc32a
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest>li[data-scontainer=UE] {
	border-left-color: #59aeff
}

.todoView .monthView .tableView .mainTable tr td .tdContainer>ul.rest>li[data-scontainer=UU] {
	border-left-color: #2ad57d
}

.todoView .monthView .tableView .mainTable tr td .tdContainer .more {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	background: none;
	margin-bottom: 0;
	margin-top: 3px;
	border: none;
	color: #59aeff
}

.todoView .monthView .tableView .mainTable tr td .tdContainer .more:hover {
	color: #75818d
}

.todoView .monthView .tableView .mainTable tr td .tdContainer .more>span {
	margin-right: 7px
}

.todoView .monthView .tableView .mainTable tr td.beforeDays .tdContainer>ul>li>ul>li.item {
	font-size: .8125rem;
	color: #a3a3a3
}

.popUl {
	width: 210px;
	padding-bottom: 1rem;
	background: #f5f7f9;
	overflow: hidden!important
}

.popUl.beforeDays .popTdUl li {
	font-size: .8125rem;
	color: #a3a3a3
}

.popUl header {
	height: 1.875rem;
	line-height: 1.875rem;
	font-size: .75rem;
	color: #666;
	border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.popUl header .popTdTime {
	float: left;
	margin-left: .625rem;
	color: #a3a3a3
}

.popUl header .close {
	cursor: pointer;
	float: right;
	margin-right: 2px;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: 1px;
	font-size: 10px;
	color: #a3a3a3
}

.popUl header .close>i.icon-close {
	color: #333;
	font-size: 10px
}

.popUl header .close:hover {
	color: #0096f6
}

.popUl .popTdUl {
	margin-top: .3125rem;
	margin-left: .5rem;
	max-height: calc(100vh - 200px);
	overflow: auto;
	margin-right: 4px;
	padding-right: 4px
}

.popUl .popTdUl li {
	cursor: default;
	margin-bottom: 3px;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .8125rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 1px;
	padding-left: 7px;
	border-left: 3px solid transparent
}

.popUl .popTdUl li i {
	display: none
}

.popUl .popTdUl li+li {
	margin-top: 3px
}

.popUl .popTdUl li[data-scontainer=IE] {
	border-left-color: #ff5959
}

.popUl .popTdUl li[data-scontainer=IU] {
	border-left-color: #ffc32a
}

.popUl .popTdUl li[data-scontainer=UE] {
	border-left-color: #59aeff
}

.popUl .popTdUl li[data-scontainer=UU] {
	border-left-color: #2ad57d
}

.popUl .popTdUl li:hover {
	background: #eaf2f8
}

.popUl .popTdUl li.my_placeholder {
	position: relative;
	display: list-item;
	height: 1.5rem;
	line-height: 1.5rem;
	border-left: none
}

.popUl .popTdUl li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 3px
}

.popUl .popTdUl li.checked {
	text-decoration: line-through;
	font-size: .8125rem;
	color: #a3a3a3
}

li.monthSortHelper {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
	font-size: .8125rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	cursor: default;
	padding-left: .25rem;
	background: #fff;
	border-radius: 3px;
	height: 1.5rem;
	line-height: 1.5rem;
	margin-bottom: .125rem;
	border: 1px solid #d1d1d1;
	border-left: 3px solid transparent;
	position: relative
}

li.monthSortHelper.calendarHelper {
	background: rgba(246, 247, 251, .5)
}

li.monthSortHelper i {
	display: none
}

li.monthSortHelper[data-container=IE] {
	border-left-color: #ff5959
}

li.monthSortHelper[data-container=IU] {
	border-left-color: #ffc32a
}

li.monthSortHelper[data-container=UE] {
	border-left-color: #59aeff
}

li.monthSortHelper[data-container=UU] {
	border-left-color: #2ad57d
}

li.monthSortHelper.item {
	display: list-item
}

li.monthSortHelper.item:hover {
	background: #e8e9ed
}

li.monthSortHelper.lastLi {
	margin-bottom: 0
}

li.monthSortHelper .diyCheckbox {
	display: none
}

li.popSortHelper {
	cursor: default;
	padding-left: 2px;
	background: #f4f8fb;
	border-radius: 3px;
	height: 1.5rem;
	line-height: 1.5rem;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
	border-left: 3px solid transparent;
	font-size: .8125rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

li.popSortHelper.calendarHelper {
	background: rgba(246, 247, 251, .5)
}

li.popSortHelper i {
	display: none
}

li.popSortHelper[data-container=IE] {
	border-left-color: #ff5959
}

li.popSortHelper[data-container=IU] {
	border-left-color: #ffc32a
}

li.popSortHelper[data-container=UE] {
	border-left-color: #59aeff
}

li.popSortHelper[data-container=UU] {
	border-left-color: #2ad57d
}

li.popSortHelper:hover {
	background: #eaf2f8
}

li.popSortHelper.checked {
	text-decoration: line-through;
	font-size: .8125rem;
	color: #a3a3a3
}

.todoView .weekView {
	opacity: 0;
	position: absolute;
	top: 64px;
	bottom: 2rem;
	left: 0;
	right: 0;
	font-size: 0;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .23);
	border-radius: 2px;
	overflow: hidden
}

.todoView .weekView.opa1 {
	opacity: 1
}

.todoView .weekView .weekContentView {
	background: #f5f7f9;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.todoView .weekView .weekContentView>ul>li {
	width: 14.285%;
	display: inline-block
}

.todoView .weekView .weekContentView .header {
	position: relative;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

@media screen and (max-width:855px) {
	.todoView .weekView .weekContentView .header {
		line-height: 30px
	}
}

.todoView .weekView .weekContentView .header li {
	float: left
}

.todoView .weekView .weekContentView .header li span {
	color: #626263
}

.todoView .weekView .weekContentView .taoBodyBorder {
	position: absolute;
	top: 3.75rem;
	bottom: 0;
	width: .125rem;
	border-left: 1px solid rgba(0, 0, 0, .06)
}

.todoView .weekView .weekContentView .taoBodyBorder.b1 {
	left: 14.285%
}

.todoView .weekView .weekContentView .taoBodyBorder.b2 {
	left: 28.571%
}

.todoView .weekView .weekContentView .taoBodyBorder.b3 {
	left: 42.857%
}

.todoView .weekView .weekContentView .taoBodyBorder.b4 {
	left: 57.142%
}

.todoView .weekView .weekContentView .taoBodyBorder.b5 {
	left: 71.428%
}

.todoView .weekView .weekContentView .taoBodyBorder.b6 {
	left: 85.714%
}

.todoView .weekView .weekContentView .taoBody {
	position: absolute;
	top: 3.75rem;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto
}

.todoView .weekView .weekContentView .taoBody .body {
	width: 100%;
	height: 100%
}

.todoView .weekView .weekContentView .taoBody .body td {
	width: 14.285%;
	position: relative
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	padding: .3125rem
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>li.my_placeholder {
	min-height: 1.625rem;
	line-height: 1.625rem;
	position: relative;
	display: list-item;
	margin: 4px 0
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 2px
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>li.createLi {
	min-height: 1.5rem;
	line-height: 1.5rem;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	height: 1.5rem;
	margin-top: 4px
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>li.createLi input {
	font-size: .8125rem;
	color: #333;
	padding-left: 4px;
	width: 100%;
	border: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY ul.finished li.item {
	font-size: .8125rem;
	color: #a3a3a3;
	text-decoration: line-through
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting {
	border-left: 3px solid transparent
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=IE] {
	border-left-color: #ff5959
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=IE] li {
	border-left: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=IU] {
	border-left-color: #ffc32a
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=IU] li {
	border-left: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=UE] {
	border-left-color: #59aeff
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=UE] li {
	border-left: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=UU] {
	border-left-color: #2ad57d
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul.weekUlSorting[data-container=UU] li {
	border-left: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item {
	min-height: 1.5rem;
	line-height: 1.5rem;
	cursor: default;
	width: 100%;
	padding: 0 5px;
	background: #fff;
	border-radius: 2px;
	margin: 4px 0;
	font-size: .8125rem;
	color: #333;
	white-space: normal;
	word-wrap: break-word;
	border: 1px solid #d1d1d1;
	border-left: 3px solid transparent
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item .ItemLeft {
	display: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item.itemAnimated {
	-webkit-animation: itemAction .3s;
	animation: itemAction .3s;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item.itemCloseAnimated {
	-webkit-animation: itemCloseAction .3s;
	animation: itemCloseAction .3s
}

@keyframes itemAction {
	0% {
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes itemCloseAction {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	70% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	to {
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item:hover {
	background: #e8e9ed
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item .subNum {
	height: 24px;
	line-height: 24px
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item .subNum .pull-left {
	background: #f2f2f2;
	padding: 0 5px
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.item .bPadding {
	height: 7px;
	width: 0
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.fixLi {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.my_placeholder {
	min-height: 1.625rem;
	line-height: 1.625rem;
	position: relative;
	display: list-item;
	margin: 4px 0
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul>li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 2px
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul[data-container=IE]>li.item {
	border-left-color: #ff5959
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul[data-container=IU]>li.item {
	border-left-color: #ffc32a
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul[data-container=UE]>li.item {
	border-left-color: #59aeff
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul>li>ul[data-container=UU]>li.item {
	border-left-color: #2ad57d
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest li.dian {
	visibility: hidden;
	height: 0;
	width: 100%;
	border: 1px solid #cc9
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest li.my_placeholder {
	min-height: 1.625rem;
	line-height: 1.625rem;
	position: relative;
	display: list-item;
	margin: 4px 0
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest li.my_placeholder:after {
	content: ' ';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .13);
	border-radius: 2px
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest>li.item {
	min-height: 1.5rem;
	line-height: 1.5rem;
	cursor: default;
	width: 100%;
	padding: 0 5px;
	background: #fff;
	border-radius: 2px;
	margin: 4px 0;
	font-size: .8125rem;
	color: #333;
	white-space: normal;
	word-wrap: break-word;
	border: 1px solid #d1d1d1;
	border-left: 3px solid transparent
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest>li.item .ItemLeft {
	display: none
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest>li[data-scontainer=IE] {
	border-left-color: #ff5959
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest>li[data-scontainer=IU] {
	border-left-color: #ffc32a
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest>li[data-scontainer=UE] {
	border-left-color: #59aeff
}

.todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY>ul.rest>li[data-scontainer=UU] {
	border-left-color: #2ad57d
}

.todoView .weekView .weekContentView .taoBody .body td.beforeDays .weekUlWarpY>ul>li>ul>li.item {
	font-size: .8125rem;
	color: #a3a3a3
}

li.weekSortHelper {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
	font-size: .8125rem;
	color: #333;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	cursor: default;
	width: 100%;
	padding: 0 5px;
	background: #fff;
	border-radius: 2px;
	min-height: 1.5rem;
	line-height: 1.5rem;
	margin: 2px 0;
	white-space: normal;
	word-wrap: break-word;
	border-left: 3px solid transparent
}

li.weekSortHelper:hover {
	background: #e8e9ed
}

li.weekSortHelper[data-container=IE] {
	border-color: #ff5959
}

li.weekSortHelper[data-container=IU] {
	border-color: #ffc32a
}

li.weekSortHelper[data-container=UE] {
	border-color: #59aeff
}

li.weekSortHelper[data-container=UU] {
	border-color: #2ad57d
}

li.weekSortHelper.calendarHelper {
	background: rgba(246, 247, 251, .5)
}

li.weekSortHelper.checked {
	text-decoration: line-through;
	font-size: .8125rem;
	color: #a3a3a3
}

li.weekSortHelper .diyCheckbox,
li.weekSortHelper i {
	display: none
}

li.weekSortHelper i.icon-format_list_bulleted {
	display: inline-block
}

li.weekSortHelper .subNum {
	height: 24px;
	line-height: 24px
}

li.weekSortHelper .subNum .pull-left {
	background: #f2f2f2;
	padding: 0 5px
}

li.weekSortHelper .bPadding {
	height: 7px;
	width: 0
}

#todoPreLoad {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #ddd;
	text-align: center;
	z-index: 3000
}

#todoPreLoad h1 {
	margin-top: 3rem
}

.todo-view .container-left-content {
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out
}

.todo-view .container-left-content.first {
	-webkit-transition: none;
	transition: none
}

.todo-view .container-left-content.out {
	width: 52px!important
}

.todo-view .container-left-content.out .flex-side-bar {
	width: 52px
}

.todo-view .container-left-content.out .flex-content {
	display: block
}

.todo-view .container-left-content.out+.container-right {
	left: 52px!important
}

.todo-view .container-right {
	-webkit-transition: left .2s ease-out;
	transition: left .2s ease-out
}

.todo-view .container-right.first {
	-webkit-transition: none;
	transition: none
}

.app-center a,
.app-center i {
	display: inline-block
}

.app-center a:hover {
	text-decoration: none
}

.app-center ul {
	padding: 0
}

.app-center {
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden;
	background: #f1f2f6;
	z-index: 1000
}

.app-center>div {
	position: relative;
	z-index: 3
}

.app-center h5>.btn.btn-fifth-outline {
	border-radius: 100px
}

@media screen and (max-width:1024px) {
	.app-center {
		left: 8%;
		right: 8%
	}
}

li.folder.folder-item {
	padding-left: 21px;
	width: calc(100% - 1px);
	overflow: visible
}

li.folder.folder-item i[class^=icon] {
	color: #0689dd;
	font-size: 24px;
	cursor: pointer
}

li.folder.folder-item.editing .showMore {
	display: none!important
}

li.folder.folder-item .icon-folder {
	float: left;
	line-height: 54px
}

li.folder.folder-item .showMore i {
	margin-left: 0;
	line-height: 60px
}

li.folder.folder-item span {
	padding-left: 21px;
	line-height: 56px;
	cursor: pointer
}

li.folder.folder-item span.folderName {
	display: inline-block;
	width: calc(100% - 80px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

li.folder.folder-item span.showMore {
	float: right;
	margin-right: 5.67%;
	display: none;
	padding: 0
}

li.folder.folder-item input.edit {
	border: 0;
	padding-left: 10px;
	margin-left: 11px;
	display: none;
	height: 56px;
	width: calc(100% - 100px);
	background: transparent
}

li.folder.folder-item:hover span.showMore {
	display: inline-block
}

li.folder.folder-item div.menuBar {
	min-width: 130px
}

li.folder.folder-item div.menuBar>span {
	height: 43px;
	line-height: 43px;
	padding-top: 0;
	padding-bottom: 0
}

li.folder.folder-item.ui-state-highlight {
	background: #f66
}

.fileModal {
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden
}

.fileModal .hand {
	cursor: pointer
}

@media screen and (max-width:1024px) {
	.fileModal {
		left: 8%;
		right: 8%
	}
}

.fileModal i[class^=icon] {
	color: #75818d;
	font-size: 24px;
	cursor: pointer
}

.fileModal .left {
	float: left;
	width: 30%;
	height: 100%;
	background: #fcfcfc
}

.fileModal .left h5 {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	text-align: center;
	line-height: 55px
}

.fileModal .left h5 i {
	font-size: 24px;
	margin-right: 7px;
	line-height: 53px;
	display: inline-block;
	vertical-align: top
}

.fileModal .left>div ul li,
.fileModal .left>ul li {
	padding-left: 41px;
	line-height: 56px;
	height: 56px;
	font-size: .75rem;
	color: #666
}

.fileModal .left>div ul li:hover,
.fileModal .left>ul li:hover {
	background: #f2f2f2
}

.fileModal .left>div ul li.selected,
.fileModal .left>ul li.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.fileModal .left>div ul li.selected .msg p.top em,
.fileModal .left>div ul li.selected .type-link,
.fileModal .left>div ul li.selected>i,
.fileModal .left>div ul li.selected>span,
.fileModal .left>div ul li.selected>span>i,
.fileModal .left>ul li.selected .msg p.top em,
.fileModal .left>ul li.selected .type-link,
.fileModal .left>ul li.selected>i,
.fileModal .left>ul li.selected>span,
.fileModal .left>ul li.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.fileModal .left>dl.resultsBox dd.resultsItem {
	overflow: hidden;
	font-size: .75rem;
	color: #666
}

.fileModal .left>dl.resultsBox dd.resultsItem>i {
	margin-top: 12px
}

.fileModal .left>dl.resultsBox dd.resultsItem>i.icon-ic_kanban_big_black_24px {
	margin-top: 16px!important
}

.fileModal .left>dl.resultsBox dd.resultsItem.selected {
	background: #1384d5
}

.fileModal .left>dl.resultsBox dd.resultsItem.selected:hover {
	background: #2a90d9
}

.fileModal .left>dl.resultsBox dd.resultsItem:hover {
	background: #f2f2f2
}

.fileModal .left>dl.resultsBox dd.resultsItem.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.fileModal .left>dl.resultsBox dd.resultsItem.selected .msg p.top em,
.fileModal .left>dl.resultsBox dd.resultsItem.selected .type-link,
.fileModal .left>dl.resultsBox dd.resultsItem.selected>i,
.fileModal .left>dl.resultsBox dd.resultsItem.selected>span,
.fileModal .left>dl.resultsBox dd.resultsItem.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.fileModal .left header h5 i,
.fileModal .left header h5 span {
	cursor: pointer
}

.fileModal .left ul {
	min-width: 223px;
	height: calc(100% - 66px);
	overflow-y: auto;
	margin-bottom: 10px
}

.fileModal .left ul li.my_placeholder {
	background: rgba(0, 0, 0, .1)
}

.fileModal .left ul li.selected {
	background: #1384d5
}

.fileModal .left ul li.selected:hover {
	background: #2a90d9
}

.fileModal .left ul li.selected input {
	color: hsla(0, 0%, 100%, .66)
}

.fileModal .left ul li.selected input::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .66)
}

.fileModal .left ul li.selected input:-moz-placeholder,
.fileModal .left ul li.selected input::-moz-placeholder {
	color: hsla(0, 0%, 100%, .66)
}

.fileModal .left ul li.selected input:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .66)
}

.fileModal .right {
	float: right;
	width: 70%;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, .07)
}

.fileModal .right .btn.btn-fifth-outline {
	border-radius: 100px
}

.fileModal .right .header+div,
.fileModal .right section {
	height: calc(100% - 56px)
}

.fileModal .right .doc-check-component.doc-check-type-a {
	height: 100%;
	overflow-y: auto;
	width: 80%;
	padding-right: 10px;
	margin: 0 auto
}

.fileModal .right .doc-check-component.doc-check-type-a .doc-check-header {
	display: none
}

.fileModal .right .doc-check-component.doc-check-type-a .comment .left {
	background-color: inherit
}

.fileModal .right .doc-check-component.doc-check-type-a .comment .right {
	border: none
}

.fileModal .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	left: 0;
	margin-left: 50%
}

.fileModal .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
	text-align: left
}

.fileModal .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
	display: inline
}

.fileModal .right h5 {
	width: 100%;
	height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	margin-bottom: 0;
	padding-right: 21px
}

.fileModal .right h5 h5 {
	overflow: hidden
}

.fileModal .right h5 h5 span.btn.btn-fifth-outline {
	border-radius: 100px;
	margin-top: 12px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.fileModal .right h5 label,
.fileModal .right h5 span {
	float: right;
	margin-top: 12px
}

.fileModal .right h5 label {
	margin-left: 18px
}

.fileModal .right h5 input[type=file] {
	width: 0;
	height: 0;
	display: none
}

.fileModal .right h5.notMember span:hover {
	cursor: default
}

.fileModal .right ul.file-list {
	position: relative;
	min-width: 497px;
	padding: 0 4.05%;
	height: calc(100% - 56px);
	overflow-y: auto
}

.fileModal .right ul.file-list>li {
	overflow: visible;
	line-height: 22px;
	height: 59px
}

.fileModal .right ul.file-list>li .operate {
	display: none;
	text-align: right;
	height: 59px;
	width: 130px
}

.fileModal .right ul.file-list>li:hover .operate {
	display: block
}

.fileModal .right ul.file-list>li:hover .upload-time {
	display: none
}

.fileModal .right ul.file-list>div.rui-file-upload-item {
	padding-right: 4px;
	overflow: hidden;
	margin: 6px 0;
	height: 50px;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	background: #f4f8fb
}

.fileModal .right ul.file-list>div.rui-file-upload-item .up-info {
	padding-top: 10px;
	padding-left: 18px
}

.fileModal .right ul.file-list>div.rui-file-upload-item .up_process_c {
	margin-left: 5px
}

.fileModal .right ul.file-list li.editing .renameBox {
	display: block
}

.fileModal .right ul.file-list li.editing .file-title,
.fileModal .right ul.file-list li.editing .file-weight,
.fileModal .right ul.file-list li.willRemove .author,
.fileModal .right ul.file-list li.willRemove .file-weight,
.fileModal .right ul.file-list li.willRemove .operate,
.fileModal .right ul.file-list li.willRemove .renameBox {
	display: none
}

li.app-fileItem {
	padding-right: 4px;
	overflow: hidden;
	margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07)
}

li.app-fileItem.isDragging {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
	border: 1px solid rgba(0, 0, 0, .05);
	background: #f6f7fb
}

li.app-fileItem.isDragging .upload-time {
	display: none
}

li.app-fileItem.hoverFolder {
	background: rgba(246, 247, 251, .5);
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

li.app-fileItem span {
	display: inline-block
}

li.app-fileItem>a,
li.app-fileItem>span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

li.app-fileItem .caption {
	display: inline
}

li.app-fileItem .caption .file-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block
}

li.app-fileItem .caption:hover {
	font-size: .75rem;
	color: #666;
	cursor: default
}

li.app-fileItem .caption+.renameBox {
	display: none;
	float: left
}

li.app-fileItem .caption+.renameBox .edit-input {
	float: left;
	width: 230px;
	margin-top: 14px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 3px;
	padding: 5px;
	height: 31px
}

li.app-fileItem .caption+.renameBox .save {
	margin-top: 16px;
	margin-left: 10px
}

li.app-fileItem i.file-img {
	display: inline-block;
	width: 28px;
	height: 36px;
	margin-top: 12px;
	vertical-align: bottom;
	margin: 12px 20px 0 12px;
	float: left;
	position: relative;
	overflow: hidden
}

li.app-fileItem i.file-img img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

li.app-fileItem i.file-type {
	width: 46px;
	height: 32px;
	float: left;
	margin: 10px 6.25% 0 5px;
	background: url(https://res-front-cdn.timetask.cn/release/images/sprite.ec172d1ffd.png);
	background-position: -54px -7px;
	vertical-align: middle
}

li.app-fileItem a:hover {
	text-decoration: none
}

li.app-fileItem a.file-title {
	max-width: calc(100% - 400px);
	margin-top: 20px
}

li.app-fileItem span.file-weight {
	width: 14%;
	max-width: 20%
}

li.app-fileItem span.author {
	width: 10%;
	max-width: 17%
}

li.app-fileItem .author,
li.app-fileItem .file-weight,
li.app-fileItem .upload-time {
	float: right;
	margin-top: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center
}

li.app-fileItem .upload-time {
	width: 123px;
	margin-right: 0;
	text-align: right
}

li.app-fileItem .operate {
	float: right;
	width: calc(17% + 35px);
	padding-left: 33px;
	margin-right: -7px;
	position: relative
}

li.app-fileItem .operate a.download {
	margin-left: 10px
}

li.app-fileItem .operate .more {
	padding-left: 7px;
	display: inline-block;
	line-height: 60px
}

li.app-fileItem .operate .more:hover .dropdown-menu {
	display: block
}

li.app-fileItem .operate .more,
li.app-fileItem .operate .preview {
	position: relative;
	font-size: 18px;
	cursor: pointer
}

li.app-fileItem .operate [class^=icon] {
	color: #0689dd
}

li.app-fileItem .operate .dropdown-menu {
	min-width: 130px;
	margin-top: -14px;
	margin-left: -96px;
	font-family: PingFang, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
	font-size: 12px
}

li.app-fileItem a>i {
	width: 24px;
	height: 60px;
	line-height: 58px
}

li.app-fileItem i[class^=icon] {
	font-size: 24px;
	color: #0689dd
}

.select-folder {
	padding: 10px 20px;
	width: 180px
}

.select-folder .select {
	display: block;
	margin-top: 10px
}

.select-folder .select .select-folder-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 60px;
	font-size: 12px;
	display: inline-block
}

.select-folder .top {
	overflow: hidden
}

.select-folder .top>span.type-system {
	float: left;
	line-height: 40px
}

.select-folder .top .wrap {
	float: right
}

.select-folder .more-folder {
	float: right;
	margin-left: 10px;
	color: #0689dd;
	font-size: 20px
}

.select-folder .dropdown-menu {
	min-width: 135px;
	margin-top: -60px;
	margin-left: 45px;
	max-height: 100px;
	overflow-y: auto
}

.select-folder .dropdown-menu .dropdown-item {
	cursor: pointer;
	overflow: hidden;
	line-height: 12px
}

.select-folder .dropdown-menu .dropdown-item span {
	max-width: 70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	font-size: 12px
}

.select-folder .dropdown-menu .dropdown-item .icon-check {
	display: none;
	color: #0689dd;
	float: right;
	font-size: 20px;
	margin-top: -5px;
	margin-right: 5px
}

.select-folder .dropdown-menu .dropdown-item.selected .icon-check {
	display: block
}

.select-folder p {
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center
}

.select-folder p .btn {
	display: block
}

li.folder.folder-item.fileSortHelper {
	background: #fff;
	padding-left: 41px;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

li.folder.folder-item.fileSortHelper.selected {
	background: #1384d5
}

li.folder.folder-item.fileSortHelper.selected>i,
li.folder.folder-item.fileSortHelper.selected>span,
li.folder.folder-item.fileSortHelper.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.Notification {
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden
}

@media screen and (max-width:1024px) {
	.Notification {
		left: 8%;
		right: 8%
	}
}

.Notification .left {
	float: left;
	width: 30%;
	height: 100%;
	background: #fcfcfc;
	overflow: auto
}

.Notification .left h5 {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	text-align: center;
	line-height: 55px
}

.Notification .left h5 i {
	font-size: 24px;
	margin-right: 7px;
	line-height: 53px;
	display: inline-block;
	vertical-align: top
}

.Notification .left>div ul li,
.Notification .left>ul li {
	padding-left: 41px;
	line-height: 56px;
	height: 56px;
	font-size: .75rem;
	color: #666
}

.Notification .left>div ul li:hover,
.Notification .left>ul li:hover {
	background: #f2f2f2
}

.Notification .left>div ul li.selected,
.Notification .left>ul li.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.Notification .left>div ul li.selected .msg p.top em,
.Notification .left>div ul li.selected .type-link,
.Notification .left>div ul li.selected>i,
.Notification .left>div ul li.selected>span,
.Notification .left>div ul li.selected>span>i,
.Notification .left>ul li.selected .msg p.top em,
.Notification .left>ul li.selected .type-link,
.Notification .left>ul li.selected>i,
.Notification .left>ul li.selected>span,
.Notification .left>ul li.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.Notification .left>dl.resultsBox dd.resultsItem {
	overflow: hidden;
	font-size: .75rem;
	color: #666
}

.Notification .left>dl.resultsBox dd.resultsItem>i {
	margin-top: 12px
}

.Notification .left>dl.resultsBox dd.resultsItem>i.icon-ic_kanban_big_black_24px {
	margin-top: 16px!important
}

.Notification .left>dl.resultsBox dd.resultsItem.selected {
	background: #1384d5
}

.Notification .left>dl.resultsBox dd.resultsItem.selected:hover {
	background: #2a90d9
}

.Notification .left>dl.resultsBox dd.resultsItem:hover {
	background: #f2f2f2
}

.Notification .left>dl.resultsBox dd.resultsItem.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.Notification .left>dl.resultsBox dd.resultsItem.selected .msg p.top em,
.Notification .left>dl.resultsBox dd.resultsItem.selected .type-link,
.Notification .left>dl.resultsBox dd.resultsItem.selected>i,
.Notification .left>dl.resultsBox dd.resultsItem.selected>span,
.Notification .left>dl.resultsBox dd.resultsItem.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.Notification .left .wrap ul li {
	cursor: pointer
}

.Notification .left .wrap ul li.selected {
	background: #1384d5
}

.Notification .left .wrap ul li.selected div.bottom.type-disable>span {
	color: #fff
}

.Notification .left .header {
	height: 56px;
	text-align: center;
	font-size: 0;
	position: relative
}

.Notification .left .header span {
	width: 54px;
	line-height: 28px;
	margin-top: 14px;
	background: #f6f6f6;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	display: inline-block;
	text-align: center
}

.Notification .left .header span.unRead {
	border-radius: 14px 0 0 14px
}

.Notification .left .header span.read {
	border-radius: 0 14px 14px 0
}

.Notification .left .header span.active {
	background: #0689dd;
	color: #fff
}

.Notification .left .wrap {
	position: absolute;
	top: 56px;
	bottom: 0;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 5px 0;
	margin-top: 0
}

.Notification .left .wrap ul {
	height: 100%;
	overflow-y: auto
}

.Notification .left .wrap ul li {
	padding-left: 0;
	width: calc(100% - 1px)
}

.Notification .left .wrap ul.read .msgNum {
	display: none
}

.Notification .left li {
	height: 56px;
	overflow: hidden
}

.Notification .left li img {
	width: 32px;
	height: 32px;
	float: left;
	margin: 14px 15px 10px
}

.Notification .left li.selected {
	background: #1384d5
}

.Notification .left li.selected:hover {
	background: #2a90d9
}

.Notification .left li .msg {
	overflow: hidden
}

.Notification .left li .msg>div {
	overflow: hidden;
	line-height: 17px
}

.Notification .left li .msg>div.top {
	margin: 11px 0 0
}

.Notification .left li .msg>div.top .wrapper-left {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 71px);
	height: 19px;
	padding-top: 2px;
	display: inline-block
}

.Notification .left li .msg>div.top .wrapper-left .span {
	line-height: 20px
}

.Notification .left li .msg>div.top .wrapper-left .username {
	vertical-align: text-top;
	float: left;
	margin-right: 4px
}

.Notification .left li .msg>div.top .wrapper-left .oparation {
	float: left;
	height: 22px;
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 90px)
}

.Notification .left li .msg>div.top .wrapper-left .oparation input {
	margin: 0;
	margin-top: -2px
}

.Notification .left li .msg>div.top .wrapper-left .oparation>div {
	display: none
}

.Notification .left li .msg>div.top .wrapper-left .oparation img {
	padding-top: 2px
}

.Notification .left li .msg>div.top .time {
	float: right;
	margin-right: 5.04%
}

.Notification .left li .msg>div.bottom span.oparate {
	width: 36px;
	height: 20px;
	line-height: 20px;
	cursor: pointer
}

.Notification .left li .msg>div.bottom span.oparate:hover {
	color: #fff;
	background: #da553e;
	border-radius: 2px
}

.Notification .left li .msg>div.bottom span.msgNum {
	float: right;
	margin-right: 7.14%;
	background: #da553e;
	border-radius: 100%;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.Notification .left li .msg>div.bottom span.ItemMsg {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 75px);
	text-align: left
}

.Notification .left li .msg>div.bottom span.ItemClass {
	display: inline-block;
	vertical-align: top
}

.Notification .right {
	float: right;
	width: 70%;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, .07)
}

.Notification .right .btn.btn-fifth-outline {
	border-radius: 100px
}

.Notification .right .header+div,
.Notification .right section {
	height: calc(100% - 56px)
}

.Notification .right .doc-check-component.doc-check-type-a {
	height: 100%;
	overflow-y: auto;
	width: 80%;
	padding-right: 10px;
	margin: 0 auto
}

.Notification .right .doc-check-component.doc-check-type-a .doc-check-header {
	display: none
}

.Notification .right .doc-check-component.doc-check-type-a .comment .left {
	background-color: inherit
}

.Notification .right .doc-check-component.doc-check-type-a .comment .right {
	border: none
}

.Notification .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	left: 0;
	margin-left: 50%
}

.Notification .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
	text-align: left
}

.Notification .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
	display: inline
}

.Notification .right .taskDetail-warp-x .header .close {
	display: none
}

.Notification .right>.header {
	width: 100%;
	height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.Notification .right>.header h5 {
	overflow: hidden
}

.Notification .right>.header h5 span.btn.btn-fifth-outline {
	border-radius: 100px;
	margin-top: 12px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.Notification .right>.header .caption {
	font-size: .75rem;
	color: #666;
	line-height: 56px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 400px);
	padding-left: 10px;
	display: inline-block
}

.Notification .right>.header span.btn {
	float: right;
	margin-right: 24px
}

.Notification .right>.header .jumpToTask {
	display: none
}

div.smallNotification {
	width: 21.23%;
	min-width: 212px
}

.unRead-mesage-num {
	display: none;
	position: absolute;
	top: 6px;
	left: 50px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	font-size: 10px;
	color: #fff;
	border-radius: 10px;
	background-color: #fb7d42
}

div.smallNotification {
	width: 290px
}

div.smallNotification span.oparate {
	display: inline-block;
	text-align: center
}

div.smallNotification ul.body {
	overflow: auto;
	height: auto;
	max-height: 370px;
	min-height: 260px;
	position: relative;
	overflow-x: hidden
}

div.smallNotification ul.body li {
	height: 56px;
	overflow: hidden
}

div.smallNotification ul.body li img {
	width: 32px;
	height: 32px;
	float: left;
	margin: 14px 15px 10px
}

div.smallNotification ul.body li.selected {
	background: #1384d5
}

div.smallNotification ul.body li.selected:hover {
	background: #2a90d9
}

div.smallNotification ul.body li .msg {
	overflow: hidden
}

div.smallNotification ul.body li .msg>div {
	overflow: hidden;
	line-height: 17px
}

div.smallNotification ul.body li .msg>div.top {
	margin: 11px 0 0
}

div.smallNotification ul.body li .msg>div.top .wrapper-left {
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 71px);
	height: 19px;
	padding-top: 2px;
	display: inline-block
}

div.smallNotification ul.body li .msg>div.top .wrapper-left .span {
	line-height: 20px
}

div.smallNotification ul.body li .msg>div.top .wrapper-left .username {
	vertical-align: text-top;
	float: left;
	margin-right: 4px
}

div.smallNotification ul.body li .msg>div.top .wrapper-left .oparation {
	float: left;
	height: 22px;
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 90px)
}

div.smallNotification ul.body li .msg>div.top .wrapper-left .oparation input {
	margin: 0;
	margin-top: -2px
}

div.smallNotification ul.body li .msg>div.top .wrapper-left .oparation>div {
	display: none
}

div.smallNotification ul.body li .msg>div.top .wrapper-left .oparation img {
	padding-top: 2px
}

div.smallNotification ul.body li .msg>div.top .time {
	float: right;
	margin-right: 5.04%
}

div.smallNotification ul.body li .msg>div.bottom span.oparate {
	width: 36px;
	height: 20px;
	line-height: 20px;
	cursor: pointer
}

div.smallNotification ul.body li .msg>div.bottom span.oparate:hover {
	color: #fff;
	background: #da553e;
	border-radius: 2px
}

div.smallNotification ul.body li .msg>div.bottom span.msgNum {
	float: right;
	margin-right: 7.14%;
	background: #da553e;
	border-radius: 100%;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

div.smallNotification ul.body li .msg>div.bottom span.ItemMsg {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 75px);
	text-align: left
}

div.smallNotification ul.body li .msg>div.bottom span.ItemClass {
	display: inline-block;
	vertical-align: top
}

div.smallNotification ul.body .noNotifications {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -32px;
	color: rgba(0, 0, 0, .26)
}

div.smallNotification ul.body .noNotifications i:before {
	font-size: 64px
}

div.smallNotification ul.body .noNotifications span {
	display: block
}

div.smallNotification h3 {
	font-size: 14px;
	color: #0468a3;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	text-align: center;
	position: relative;
	height: 44px;
	line-height: 44px;
	color: #0083d7
}

div.smallNotification h3 .markAllAsRead {
	position: absolute;
	cursor: pointer;
	top: 13px;
	right: 13px
}

div.smallNotification .show-notification {
	border-radius: 0 0 2px 2px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.allSearchResults {
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden
}

@media screen and (max-width:1024px) {
	.allSearchResults {
		left: 8%;
		right: 8%
	}
}

.allSearchResults .left {
	position: relative;
	z-index: 10;
	float: left;
	width: 30%;
	height: 100%;
	background: #fcfcfc
}

.allSearchResults .left h5 {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	text-align: center;
	line-height: 55px
}

.allSearchResults .left h5 i {
	font-size: 24px;
	margin-right: 7px;
	line-height: 53px;
	display: inline-block;
	vertical-align: top
}

.allSearchResults .left>div ul li,
.allSearchResults .left>ul li {
	padding-left: 41px;
	line-height: 56px;
	height: 56px;
	font-size: .75rem;
	color: #666
}

.allSearchResults .left>div ul li:hover,
.allSearchResults .left>ul li:hover {
	background: #f2f2f2
}

.allSearchResults .left>div ul li.selected,
.allSearchResults .left>ul li.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.allSearchResults .left>div ul li.selected .msg p.top em,
.allSearchResults .left>div ul li.selected .type-link,
.allSearchResults .left>div ul li.selected>i,
.allSearchResults .left>div ul li.selected>span,
.allSearchResults .left>div ul li.selected>span>i,
.allSearchResults .left>ul li.selected .msg p.top em,
.allSearchResults .left>ul li.selected .type-link,
.allSearchResults .left>ul li.selected>i,
.allSearchResults .left>ul li.selected>span,
.allSearchResults .left>ul li.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.allSearchResults .left>dl.resultsBox dd.resultsItem {
	overflow: hidden;
	font-size: .75rem;
	color: #666
}

.allSearchResults .left>dl.resultsBox dd.resultsItem>i {
	margin-top: 12px
}

.allSearchResults .left>dl.resultsBox dd.resultsItem>i.icon-ic_kanban_big_black_24px {
	margin-top: 16px!important
}

.allSearchResults .left>dl.resultsBox dd.resultsItem.selected {
	background: #1384d5
}

.allSearchResults .left>dl.resultsBox dd.resultsItem.selected:hover {
	background: #2a90d9
}

.allSearchResults .left>dl.resultsBox dd.resultsItem:hover {
	background: #f2f2f2
}

.allSearchResults .left>dl.resultsBox dd.resultsItem.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.allSearchResults .left>dl.resultsBox dd.resultsItem.selected .msg p.top em,
.allSearchResults .left>dl.resultsBox dd.resultsItem.selected .type-link,
.allSearchResults .left>dl.resultsBox dd.resultsItem.selected>i,
.allSearchResults .left>dl.resultsBox dd.resultsItem.selected>span,
.allSearchResults .left>dl.resultsBox dd.resultsItem.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.allSearchResults .left header {
	padding-top: 14px;
	padding-bottom: 13px;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	text-align: center
}

.allSearchResults .left header>div {
	display: inline-block;
	width: 88px;
	height: 28px;
	cursor: pointer;
	line-height: 28px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, .09)
}

.allSearchResults .left header>div .selectMember>span {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 70px
}

.allSearchResults .left header>div .dropdown-menu {
	min-width: 86px;
	width: 100%
}

.allSearchResults .left header>div .dropdown-menu .dropdown-item {
	padding: 10px;
	overflow: hidden
}

.allSearchResults .left header>div .dropdown-menu .dropdown-item span {
	float: left
}

.allSearchResults .left header>div .dropdown-menu .dropdown-item i {
	float: right;
	margin-right: 10px;
	color: #75818d;
	visibility: hidden
}

.allSearchResults .left header>div .dropdown-menu .dropdown-item.selected i {
	visibility: visible
}

.allSearchResults .left header>div i {
	font-size: 16px;
	vertical-align: text-bottom
}

.allSearchResults .left header>div+div {
	margin-left: 9px
}

.allSearchResults .left .resultsBox {
	overflow-y: auto;
	position: absolute;
	top: 56px;
	bottom: 0;
	width: 100%
}

.allSearchResults .left .resultsBox .resultsItem {
	cursor: pointer;
	width: calc(100% - 1px)
}

.allSearchResults .left .resultsBox .resultsItem em,
.allSearchResults .left .resultsBox .resultsItem i {
	font-style: normal
}

.allSearchResults .left .resultsBox .resultsItem>i {
	font-size: 20px;
	float: left;
	margin: 0 21px 0 18px
}

.allSearchResults .left .resultsBox .resultsItem>i.icon-ic_kanban_big_black_24px {
	font-size: 16px;
	margin-top: 2px;
	margin-left: 20px;
	color: #75818d
}

.allSearchResults .left .resultsBox .resultsItem>i.icon-card,
.allSearchResults .left .resultsBox .resultsItem>i.icon-description {
	color: #75818d
}

.allSearchResults .left .resultsBox .resultsItem>.icon-check_box_outline_blank {
	position: relative;
	color: #b9b9bc
}

.allSearchResults .left .resultsBox .resultsItem>.icon-check_box_outline_blank .icon-check {
	position: absolute;
	left: 2px;
	top: -2px;
	font-size: 19px;
	color: #75818d
}

.allSearchResults .left .resultsBox .resultsItem>.icon-check_box_outline_blank .icon-check:before {
	position: relative;
	z-index: 2
}

.allSearchResults .left .resultsBox .resultsItem>.icon-check_box_outline_blank .icon-check:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	top: 5px;
	right: 3px;
	background: #fff
}

.allSearchResults .left .resultsBox .resultsItem .msg {
	overflow: hidden;
	margin-top: 14px
}

.allSearchResults .left .resultsBox .resultsItem .msg p {
	margin: 0 20px 0 2px
}

.allSearchResults .left .resultsBox .resultsItem .msg p i {
	display: inline-block
}

.allSearchResults .left .resultsBox .resultsItem .msg p.top {
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.allSearchResults .left .resultsBox .resultsItem .msg p.top em {
	font-size: .75rem;
	color: #0689dd
}

.allSearchResults .left .resultsBox .resultsItem .msg p.bottom .name {
	max-width: calc(100% - 75px);
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.allSearchResults .left .resultsBox .resultsItem .msg p.bottom .detail {
	overflow: hidden
}

.allSearchResults .left .resultsBox .resultsItem .icon-card {
	margin-top: 16px
}

.allSearchResults .left .resultsBox .noContent {
	display: none;
	text-align: center;
	margin-top: 12px
}

.allSearchResults .left .resultsBox .loading,
.allSearchResults .left .resultsBox .no-more-content {
	text-align: center
}

.allSearchResults .right {
	float: right;
	width: 70%;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, .07)
}

.allSearchResults .right .btn.btn-fifth-outline {
	border-radius: 100px
}

.allSearchResults .right .header+div,
.allSearchResults .right section {
	height: calc(100% - 56px)
}

.allSearchResults .right .doc-check-component.doc-check-type-a {
	height: 100%;
	overflow-y: auto;
	width: 80%;
	padding-right: 10px;
	margin: 0 auto
}

.allSearchResults .right .doc-check-component.doc-check-type-a .doc-check-header {
	display: none
}

.allSearchResults .right .doc-check-component.doc-check-type-a .comment .left {
	background-color: inherit
}

.allSearchResults .right .doc-check-component.doc-check-type-a .comment .right {
	border: none
}

.allSearchResults .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	left: 0;
	margin-left: 50%
}

.allSearchResults .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
	text-align: left
}

.allSearchResults .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
	display: inline
}

.allSearchResults .right .taskDetail-warp-x .header .close {
	display: none!important
}

.allSearchResults .right header {
	overflow: hidden;
	padding: 11px 0;
	width: 100%;
	height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.allSearchResults .right header .jump {
	display: none
}

.allSearchResults .right header .type-caption {
	line-height: 32px;
	display: inline-block;
	padding-left: 12px
}

.allSearchResults .right header h5 {
	overflow: hidden
}

.allSearchResults .right header h5 span.btn.btn-fifth-outline {
	border-radius: 100px;
	margin-top: 12px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.allSearchResults .right header .btn {
	float: right;
	margin-right: 24px;
	border-radius: 100px
}

.allSearchResults .right div.onloading {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 40px;
	font-size: 24px;
	-webkit-transform: translate(-50%, -170%);
	transform: translate(-50%, -170%)
}

.searchBox {
	width: 290px
}

.searchBox .searchResults {
	max-height: 290px;
	overflow-y: auto
}

.searchBox .searchInEnv>a>i {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 140px;
	vertical-align: top
}

.searchBox i {
	font-style: normal
}

.searchBox h3 {
	font-size: 14px;
	color: #0468a3;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	text-align: center;
	position: relative
}

.searchBox>p>a {
	display: block;
	line-height: 30px
}

.searchBox>p>a:hover {
	text-decoration: none
}

.searchBox>p>a>i.icon-card {
	margin-top: 1px
}

.searchBox>p>a:before {
	float: left;
	margin: 0 21px 0 18px;
	font-size: 20px
}

.searchBox dl dt {
	padding: 5px 0 5px 18px;
	background: #f6f7fb
}

.searchBox dl dd {
	cursor: pointer
}

.searchBox dl dd em,
.searchBox dl dd i {
	font-style: normal
}

.searchBox dl dd>i {
	font-size: 20px;
	float: left;
	margin: 0 21px 0 18px
}

.searchBox dl dd>i.icon-ic_kanban_big_black_24px {
	font-size: 16px;
	margin-top: 2px;
	margin-left: 20px;
	color: #75818d
}

.searchBox dl dd>i.icon-card,
.searchBox dl dd>i.icon-description {
	color: #75818d
}

.searchBox dl dd>.icon-check_box_outline_blank {
	position: relative;
	color: #b9b9bc
}

.searchBox dl dd>.icon-check_box_outline_blank .icon-check {
	position: absolute;
	left: 2px;
	top: -2px;
	font-size: 19px;
	color: #75818d
}

.searchBox dl dd>.icon-check_box_outline_blank .icon-check:before {
	position: relative;
	z-index: 2
}

.searchBox dl dd>.icon-check_box_outline_blank .icon-check:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	top: 5px;
	right: 3px;
	background: #fff
}

.searchBox dl dd .msg {
	overflow: hidden;
	margin-top: 14px
}

.searchBox dl dd .msg p {
	margin: 0 20px 0 2px
}

.searchBox dl dd .msg p i {
	display: inline-block
}

.searchBox dl dd .msg p.top {
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.searchBox dl dd .msg p.top em {
	font-size: .75rem;
	color: #0689dd
}

.searchBox dl dd .msg p.bottom .name {
	max-width: calc(100% - 75px);
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.searchBox dl dd .msg p.bottom .detail {
	overflow: hidden
}

.searchBox .allResults {
	border-radius: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	border-radius: 0 0 3px 3px
}

.application {
	background: #fff;
	border-radius: 3px;
	width: 290px;
	height: 380px
}

.application h5 {
	color: #0083d7;
	font-size: 14px;
	text-align: center;
	line-height: 43px;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	margin: 0
}

.application ul.applicationList {
	overflow: hidden;
	padding: 0 20px
}

.application ul.applicationList li {
	float: left;
	margin: 12px 22px 0 21px;
	cursor: pointer
}

.application ul.applicationList li i {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover
}

.application ul.applicationList li i.app-folder {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/folder.808227a697.png)
}

.application ul.applicationList li i.app-delete {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/recycle.54cc1a5d43.png)
}

.application ul.applicationList li i.app-archieve {
	background-image: url(https://res-front-cdn.timetask.cn/release/images/archieve.05c6869e76.png)
}

.application ul.applicationList li span {
	display: block;
	text-align: center
}

.application ul.applicationList .show-archieve.notVip,
.application ul.applicationList .show-archieve.notVip i,
.application ul.applicationList .show-archieve.notVip span {
	cursor: not-allowed
}

.application ul.applicationList .show-archieve.notVip:after {
	position: absolute;
	content: '\4F1A\5458';
	color: #ffc53f;
	right: 12px;
	top: 101px;
	border: 1px solid #ffc53f;
	border-radius: 2px;
	font-size: 12px;
	padding: 0 2px
}

.cropper-line,
.cropper-point {
	width: 0;
	height: 0
}

.cropper-line.point-se,
.cropper-point.point-se {
	width: 10px;
	height: 10px;
	outline: 1px solid #fff;
	background: #878285
}

.cropper-view-box {
	outline: none
}

.cropper-bg {
	background: #f6f7fb
}

.avatarClip.show {
	visibility: visible
}

.avatarClip {
	position: absolute;
	top: 0;
	left: 66px;
	width: 334px;
	height: 448px;
	z-index: 2001;
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .33);
	border-radius: 3px 2px 2px 2px
}

.avatarClip .rui-loading-wrapper {
	background: transparent;
	top: 60px!important;
	border: none
}

.avatarClip header {
	overflow: hidden;
	padding: 22px 9px 18px 15px
}

.avatarClip header span {
	float: left;
	line-height: 24px
}

.avatarClip header i {
	float: right;
	line-height: 24px;
	font-size: 24px;
	color: #75818d;
	cursor: pointer;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.avatarClip header i:hover {
	color: #016196
}

.avatarClip>div {
	position: relative;
	margin: 0 18px 40px;
	width: 300px;
	height: 300px;
	background: #f6f7fb;
	border: 1px solid #d9d6d6
}

.avatarClip>div canvas,
.avatarClip>div div,
.avatarClip>div label {
	position: absolute
}

.avatarClip>div .sourceCanvas {
	top: 0;
	left: 0
}

.avatarClip>div .destiCanvas {
	top: 50px;
	left: 50px
}

.avatarClip>div .point {
	width: 10px;
	height: 10px;
	left: 245px;
	top: 245px;
	background: rgba(0, 0, 0, .5);
	outline: 1px solid #fff
}

.avatarClip>div label {
	left: 0;
	bottom: -36px;
	cursor: pointer
}

.avatarClip footer {
	margin-top: 4px;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, .09)
}

.avatarClip footer div {
	float: right;
	margin: 7px 18px 0 0
}

.avatarClip footer div .btn {
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.personalSettings {
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden
}

@media screen and (max-width:1024px) {
	.personalSettings {
		left: 8%;
		right: 8%
	}
}

.personalSettings .left {
	float: left;
	width: 30%;
	height: 100%;
	background: #fcfcfc
}

.personalSettings .left h5 {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	text-align: center;
	line-height: 55px
}

.personalSettings .left h5 i {
	font-size: 24px;
	margin-right: 7px;
	line-height: 53px;
	display: inline-block;
	vertical-align: top
}

.personalSettings .left>div ul li,
.personalSettings .left>ul li {
	padding-left: 41px;
	line-height: 56px;
	height: 56px;
	font-size: .75rem;
	color: #666
}

.personalSettings .left>div ul li:hover,
.personalSettings .left>ul li:hover {
	background: #f2f2f2
}

.personalSettings .left>div ul li.selected,
.personalSettings .left>ul li.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.personalSettings .left>div ul li.selected .msg p.top em,
.personalSettings .left>div ul li.selected .type-link,
.personalSettings .left>div ul li.selected>i,
.personalSettings .left>div ul li.selected>span,
.personalSettings .left>div ul li.selected>span>i,
.personalSettings .left>ul li.selected .msg p.top em,
.personalSettings .left>ul li.selected .type-link,
.personalSettings .left>ul li.selected>i,
.personalSettings .left>ul li.selected>span,
.personalSettings .left>ul li.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.personalSettings .left>dl.resultsBox dd.resultsItem {
	overflow: hidden;
	font-size: .75rem;
	color: #666
}

.personalSettings .left>dl.resultsBox dd.resultsItem>i {
	margin-top: 12px
}

.personalSettings .left>dl.resultsBox dd.resultsItem>i.icon-ic_kanban_big_black_24px {
	margin-top: 16px!important
}

.personalSettings .left>dl.resultsBox dd.resultsItem.selected {
	background: #1384d5
}

.personalSettings .left>dl.resultsBox dd.resultsItem.selected:hover {
	background: #2a90d9
}

.personalSettings .left>dl.resultsBox dd.resultsItem:hover {
	background: #f2f2f2
}

.personalSettings .left>dl.resultsBox dd.resultsItem.selected {
	position: relative;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .96)
}

.personalSettings .left>dl.resultsBox dd.resultsItem.selected .msg p.top em,
.personalSettings .left>dl.resultsBox dd.resultsItem.selected .type-link,
.personalSettings .left>dl.resultsBox dd.resultsItem.selected>i,
.personalSettings .left>dl.resultsBox dd.resultsItem.selected>span,
.personalSettings .left>dl.resultsBox dd.resultsItem.selected>span>i {
	color: hsla(0, 0%, 100%, .96)
}

.personalSettings .left>ul li {
	cursor: pointer
}

.personalSettings .left>ul li.selected {
	background: #1384d5
}

.personalSettings .right {
	float: right;
	width: 70%;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, .07);
	padding: 55px 0 0 13.29%;
	overflow-y: auto
}

.personalSettings .right .btn.btn-fifth-outline {
	border-radius: 100px
}

.personalSettings .right .header+div,
.personalSettings .right section {
	height: calc(100% - 56px)
}

.personalSettings .right .doc-check-component.doc-check-type-a {
	height: 100%;
	overflow-y: auto;
	width: 80%;
	padding-right: 10px;
	margin: 0 auto
}

.personalSettings .right .doc-check-component.doc-check-type-a .doc-check-header {
	display: none
}

.personalSettings .right .doc-check-component.doc-check-type-a .comment .left {
	background-color: inherit
}

.personalSettings .right .doc-check-component.doc-check-type-a .comment .right {
	border: none
}

.personalSettings .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	left: 0;
	margin-left: 50%
}

.personalSettings .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
	text-align: left
}

.personalSettings .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
	display: inline
}

.personalSettings .right>div:not(.accountSet):not(.preference),
.personalSettings .right>ul {
	height: 100%
}

.personalSettings .right ul.basicInfoDetail {
	position: relative
}

.personalSettings .right ul.basicInfoDetail li {
	height: 65px
}

.personalSettings .right ul.basicInfoDetail li.avatarLi {
	margin-bottom: 13px
}

.personalSettings .right ul.basicInfoDetail li.saveLi {
	margin-top: 7px
}

.personalSettings .right ul.basicInfoDetail li span:nth-child(1) {
	font-size: .75rem;
	color: #617a8b;
	font-size: 14px;
	margin-right: 80px
}

.personalSettings .right ul.basicInfoDetail li span.avatar.floatLeft {
	line-height: 48px
}

.personalSettings .right ul.basicInfoDetail li span.type-caption-black {
	display: block;
	margin: 2px 0 0 112px
}

.personalSettings .right ul.basicInfoDetail li label.upload {
	cursor: pointer
}

.personalSettings .right ul.basicInfoDetail li input[type=file] {
	display: none
}

.personalSettings .right ul.basicInfoDetail li .btn {
	color: #fff;
	width: 349px;
	line-height: 22px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.personalSettings .right ul.basicInfoDetail li img {
	width: 48px;
	height: 48px;
	margin-right: 22px
}

.personalSettings .right ul.basicInfoDetail li input {
	background: hsla(0, 0%, 100%, .56);
	border: 1px solid rgba(0, 0, 0, .07);
	border-radius: 2px;
	width: 238px;
	height: 26px;
	padding-left: 11px
}

.personalSettings .right ul.basicInfoDetail li span.floatLeft {
	float: left;
	line-height: 28px
}

.personalSettings .right ul.basicInfoDetail li .birthDay {
	display: inline-block
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth {
	position: relative;
	float: left;
	height: 28px;
	background: hsla(0, 0%, 100%, .56);
	border: 1px solid rgba(0, 0, 0, .07);
	border-radius: 2px
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth span:nth-child(1) {
	display: inline-block;
	width: 52px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin-right: 0;
	cursor: pointer
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth span:nth-child(2) {
	margin: 0 9px 0 0;
	line-height: 28px;
	float: right
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap {
	position: absolute;
	width: 75px;
	overflow: hidden;
	min-width: 75px;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
	border-radius: 2px
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul {
	padding: 6px 0;
	height: 200px;
	width: 92px;
	overflow-y: auto
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li.dropdown-item {
	padding: 0 0 0 18px
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li {
	padding-left: 18px;
	line-height: 32px;
	height: 32px;
	width: 75px;
	overflow: hidden
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li span {
	float: left;
	width: 20px;
	text-align: left;
	font-size: .75rem;
	color: #666
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li .save.disabled {
	cursor: not-allowed
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li .icon-check {
	font-size: 20px;
	float: right;
	line-height: 27px;
	margin-right: 6px;
	color: #1ba4ff;
	visibility: hidden
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li.selected {
	background: #eee
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li.selected .icon-check {
	visibility: visible
}

.personalSettings .right ul.basicInfoDetail li .birthDay .birth+.birth {
	margin-left: 8px
}

.personalSettings .right .accountSet {
	width: 400px
}

.personalSettings .right .accountSet h5 {
	position: relative;
	padding-bottom: 17px;
	margin-bottom: 28px
}

.personalSettings .right .accountSet h5:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #0f8ee5
}

.personalSettings .right .accountSet ul {
	margin-bottom: 42px;
	height: auto
}

.personalSettings .right .accountSet ul li span:nth-child(1) {
	float: left
}

.personalSettings .right .accountSet ul li input {
	width: 270px;
	border-radius: 2px;
	line-height: 26px;
	height: 26px;
	padding-left: 6px;
	background: hsla(0, 0%, 100%, .56);
	border: 1px solid rgba(0, 0, 0, .07)
}

.personalSettings .right .accountSet ul li span.cancel {
	border: 1px solid #f56467;
	color: #f56467
}

.personalSettings .right .accountSet ul li>span.type-menu-black {
	width: 130px
}

.personalSettings .right .accountSet ul li span.save {
	float: none
}

.personalSettings .right .accountSet ul li.edit .showing {
	display: none
}

.personalSettings .right .accountSet ul li.edit .editing {
	display: block
}

.personalSettings .right .accountSet ul li+li {
	margin-top: 36px
}

.personalSettings .right .accountSet .loginPassword li:nth-last-child(1) {
	margin-left: 130px
}

.personalSettings .right .accountSet .loginPassword li:nth-last-child(1) span.save {
	float: none
}

.personalSettings .right .accountSet .loginPassword li+li {
	margin-top: 0
}

.personalSettings .right .accountSet .loginPassword li span.msgBox {
	display: inline-block;
	visibility: hidden;
	margin-left: 130px;
	padding: 4px 0 18px;
	color: red
}

.personalSettings .right .accountSet .loginPassword li span.msgBox.show {
	visibility: visible
}

.personalSettings .right .accountSet .loginAccount li>span:nth-child(1) {
	padding-bottom: 31px
}

.personalSettings .right .accountSet .loginAccount li span.sendEmail {
	margin-right: 14px
}

.personalSettings .right .accountSet .loginAccount li span.type-link {
	font-weight: 400
}

.personalSettings .right .accountSet .loginAccount li .showing .modify {
	margin-left: 14px;
	cursor: pointer
}

.personalSettings .right .accountSet .loginAccount li .editing {
	display: none
}

.personalSettings .right .accountSet .loginAccount li .editing input {
	margin: 0 0 13px;
	font-weight: 400
}

.personalSettings .right .accountSet .loginAccount li .editing .confirm,
.personalSettings .right .accountSet .loginAccount li .editing .sendValiCode {
	width: 60px;
	padding: 7px 0
}

.personalSettings .right .accountSet .loginAccount li.edit.phone .editing input {
	width: 188px;
	margin-right: 18px
}

.personalSettings .right .accountSet .loginAccount li.edit .showing {
	display: none
}

.personalSettings .right .accountSet .loginAccount li.edit>span:nth-child(1) {
	padding-bottom: 96px
}

.personalSettings .right .accountSet .loginAccount li.edit .editing {
	display: block
}

.personalSettings .right .accountSet .loginAccount li.mail.edit>span:nth-child(1) {
	padding-bottom: 50px
}

.personalSettings .right .accountSet .loginAccount li.phone input {
	margin-right: 18px
}

.personalSettings .right .accountSet .thirdPartyLogin li+li {
	margin-top: 23px
}

.personalSettings .right .accountSet .thirdPartyLogin li {
	line-height: 32px
}

.personalSettings .right .accountSet .thirdPartyLogin li img {
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 33px
}

.personalSettings .right .accountSet .thirdPartyLogin li i {
	font-style: normal;
	margin-left: 10px;
	font-weight: 400
}

.personalSettings .right .accountSet .thirdPartyLogin li .btn {
	float: right;
	margin-top: 2px
}

.personalSettings .right .accountSet .thirdPartyLogin li span i:nth-child(1) {
	margin-left: 0
}

.personalSettings .right .accountSet .thirdPartyLogin li span.type-menu-black.hidden i {
	visibility: hidden
}

.personalSettings .right .preference {
	width: 400px
}

.personalSettings .right .preference ul.skins {
	overflow: hidden
}

.personalSettings .right .preference ul.skins h6 span.type-caption-black {
	margin-left: 176px
}

.personalSettings .right .preference ul.skins h6 .btn-danger {
	margin-left: 10px;
	padding: 4px
}

.personalSettings .right .preference ul.skins.disable-select li:after {
	position: absolute;
	content: '';
	z-index: 10;
	cursor: not-allowed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: hsla(0, 0%, 100%, .8)
}

.personalSettings .right .preference ul.skins.disable-select .selected .select {
	display: none
}

.personalSettings .right .preference ul.skins li {
	position: relative;
	float: left;
	margin-top: 15px;
	cursor: pointer;
	border-radius: 2px
}

.personalSettings .right .preference ul.skins li .skin {
	border-radius: 2px;
	width: 64px;
	height: 40px;
	position: relative
}

.personalSettings .right .preference ul.skins li+li {
	margin-left: 20px
}

.personalSettings .right .preference ul.skins .select {
	width: 9px;
	height: 9px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	background: #fff;
	display: none
}

.personalSettings .right .preference ul.skins .select .icon-check {
	margin-top: -3px;
	margin-left: -1px;
	font-size: 8px;
	position: absolute;
	color: #1f87e6
}

.personalSettings .right .preference ul.skins li:nth-child(7),
.personalSettings .right .preference ul.skins li:nth-child(12) {
	margin-left: 0
}

.personalSettings .right .preference ul.skins li.selected .select {
	display: block
}

.personalSettings .right .preference .auto-assign {
	margin-top: 33px
}

.personalSettings .right .preference .auto-assign .toggleDistri {
	float: right
}

.personalSettings .right .preference .auto-assign .toggleDistri .toggle .handle {
	width: 16px;
	height: 16px;
	top: 5px
}

.personalSettings .right .preference .auto-assign .toggleDistri .toggle .track {
	width: 27px;
	height: 16px
}

.personalSettings .right .preference .auto-assign .toggleDistri .toggle input:checked+.track .handle {
	left: -2px
}

.personalSettings .right .preference .set-view-auth {
	margin-top: 23px
}

.personalSettings .right .preference .set-view-auth>span {
	float: left
}

.personalSettings .right .preference .set-view-auth .wrap.dropdown {
	float: right;
	padding-left: 65px
}

.personalSettings .right .preference .set-view-auth .wrap.dropdown .select-view-auth {
	float: right;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.personalSettings .right .preference .set-view-auth .wrap.dropdown .select-view-auth>span {
	cursor: pointer
}

.personalSettings .right .preference .set-view-auth .wrap.dropdown .select-view-auth>i {
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-left: 14px;
	vertical-align: sub
}

body.firefox .personalSettings .right .preference ul.skins .select .icon-check {
	margin-left: 1px;
	margin-top: 0
}

body.edge .personalSettings .right .preference ul.skins .select .icon-check,
body.ie .personalSettings .right .preference ul.skins .select .icon-check {
	margin-left: 1px;
	margin-top: -1px
}

body.webkit .vip-pay-view section.scroll {
	padding-right: 54px
}

.vip-pay-view {
	background: #f2f6fb;
	top: 0;
	left: 50%;
	width: 62.5rem;
	min-height: 35.875rem;
	bottom: 0;
	margin-left: -31.25rem;
	position: absolute;
	padding: 0 60px 40px
}

.vip-pay-view .menu-system-primary,
.vip-pay-view .type-system {
	color: #626263
}

.vip-pay-view .type-body1-black {
	color: #333
}

.vip-pay-view header {
	margin: 26px 0 21px;
	padding: 2px;
	overflow: hidden
}

.vip-pay-view header .pull-left {
	line-height: 28px
}

.vip-pay-view section {
	height: calc(100% - 80px);
	overflow-y: auto;
	margin-right: -59px;
	padding-right: 59px
}

.vip-pay-view section.scroll {
	padding-right: 42px
}

.vip-pay-view section.show-scroll-bar {
	padding-right: 10px
}

.vip-pay-view section ul {
	padding: 22px 24px;
	border-radius: 2px;
	background: #fff;
	border: 1px solid #ededed;
	border-bottom-color: #d8d8d8;
	height: 128px;
	position: relative
}

.vip-pay-view section ul .danger {
	color: #ff5959
}

.vip-pay-view section ul .renew {
	position: absolute;
	right: 21px;
	top: 23px
}

.vip-pay-view section ul .renew.expire {
	display: block
}

.vip-pay-view section ul+ul {
	margin-top: 9px
}

.vip-pay-view section ul li+li {
	margin-top: 13px
}

.vip-pay-view section ul li span+span {
	margin-left: 30px
}

.pay-page-view,
.payPage {
	background: #f2f6fb;
	top: 0;
	left: 50%;
	width: 62.5rem;
	min-height: 35.875rem;
	bottom: 0;
	margin-left: -31.25rem;
	position: absolute
}

.pay-page-view .tableContent,
.payPage .tableContent {
	width: 100%;
	height: 100%;
	position: relative
}

.pay-page-view .tableContent>li,
.payPage .tableContent>li {
	width: 13.75rem;
	top: 1.6875rem;
	bottom: 1.6875rem;
	display: block;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .09);
	background: #fff;
	position: absolute
}

.pay-page-view .tableContent>li.free,
.payPage .tableContent>li.free {
	left: 1.9375rem
}

.pay-page-view .tableContent>li.free header .proBtn,
.payPage .tableContent>li.free header .proBtn {
	cursor: not-allowed
}

.pay-page-view .tableContent>li.professionalYear1,
.payPage .tableContent>li.professionalYear1 {
	left: 16.875rem
}

.pay-page-view .tableContent>li.teamB,
.payPage .tableContent>li.teamB {
	left: 31.8125rem
}

.pay-page-view .tableContent>li.team100,
.payPage .tableContent>li.team100 {
	left: 46.75rem
}

.pay-page-view .tableContent>li.team100 .price,
.payPage .tableContent>li.team100 .price {
	width: 190px;
	left: -1.3rem;
	position: relative
}

.pay-page-view .tableContent>li .gift,
.payPage .tableContent>li .gift {
	position: absolute;
	right: -1rem;
	top: -1rem;
	width: 3rem;
	height: 3rem;
	cursor: pointer;
	background: url("https://res-front-cdn.rishiqing.com/common/img/pay/Gift%401x.png")
}

.pay-page-view .tableContent>li header,
.payPage .tableContent>li header {
	position: absolute;
	top: 0;
	height: 207px;
	width: 160px;
	left: 2.1875rem;
	border-bottom: 1px solid #eaeaea
}

.pay-page-view .tableContent>li header h3,
.payPage .tableContent>li header h3 {
	text-align: center;
	font-size: 1.5rem;
	color: #666;
	font-weight: 400;
	margin-top: 1.625rem;
	position: relative
}

.pay-page-view .tableContent>li header h3 i.convertCode,
.payPage .tableContent>li header h3 i.convertCode {
	display: block;
	width: 36px;
	height: 18px;
	background: #70aef5;
	position: absolute;
	top: 4px;
	right: 3px;
	background: url("https://res-front-cdn.rishiqing.com/common/img/pay/Group%2016.png");
	cursor: pointer
}

.pay-page-view .tableContent>li header .price,
.payPage .tableContent>li header .price {
	text-align: center;
	color: #333
}

.pay-page-view .tableContent>li header .price .price_number,
.payPage .tableContent>li header .price .price_number {
	font-size: 2.25rem;
	display: inline-block;
	margin: 0;
	padding: 0
}

.pay-page-view .tableContent>li header .price .price_unit,
.payPage .tableContent>li header .price .price_unit {
	font-size: 1.125rem;
	color: #333;
	text-align: left;
	display: inline-block;
	margin: 0 0 0 .5rem;
	padding: 0
}

.pay-page-view .tableContent>li header .peopleNumLimit,
.payPage .tableContent>li header .peopleNumLimit {
	text-align: center
}

.pay-page-view .tableContent>li header .proBtn,
.payPage .tableContent>li header .proBtn {
	border-radius: 4px;
	width: 8.5rem;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .96);
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 154px;
	left: 12px
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=gray],
.payPage .tableContent>li header .proBtn[data-backColor=gray] {
	background: #d8d8d8
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=gray].notOpen,
.payPage .tableContent>li header .proBtn[data-backColor=gray].notOpen {
	cursor: not-allowed
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=green],
.payPage .tableContent>li header .proBtn[data-backColor=green] {
	background: #6fdeab
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=green]:hover,
.payPage .tableContent>li header .proBtn[data-backColor=green]:hover {
	background: #6dde9f
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=green]:active,
.payPage .tableContent>li header .proBtn[data-backColor=green]:active {
	background: #6dde9f;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=blue1],
.payPage .tableContent>li header .proBtn[data-backColor=blue1] {
	background: #31a1ff
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=blue1]:hover,
.payPage .tableContent>li header .proBtn[data-backColor=blue1]:hover {
	background: #4396ff
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=blue1]:active,
.payPage .tableContent>li header .proBtn[data-backColor=blue1]:active {
	background: #4396ff;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=blue2],
.payPage .tableContent>li header .proBtn[data-backColor=blue2] {
	background: #2485ff
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=blue2]:hover,
.payPage .tableContent>li header .proBtn[data-backColor=blue2]:hover {
	background: #225eff
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=blue2]:active,
.payPage .tableContent>li header .proBtn[data-backColor=blue2]:active {
	background: #225eff;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=gold],
.payPage .tableContent>li header .proBtn[data-backColor=gold] {
	background: #f6a623
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=gold]:hover,
.payPage .tableContent>li header .proBtn[data-backColor=gold]:hover {
	background: #f29c21
}

.pay-page-view .tableContent>li header .proBtn[data-backColor=gold]:active,
.payPage .tableContent>li header .proBtn[data-backColor=gold]:active {
	background: #f29c21;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pay-page-view .tableContent>li header .youHuiTag,
.payPage .tableContent>li header .youHuiTag {
	position: absolute;
	bottom: 6px;
	text-align: center;
	color: #e4193e;
	left: 0;
	right: 0;
	font-size: 14px
}

.pay-page-view .tableContent>li section,
.payPage .tableContent>li section {
	position: absolute;
	width: 100%;
	background: #fff;
	top: 207px;
	bottom: 0
}

.pay-page-view .tableContent>li section .body_ul,
.payPage .tableContent>li section .body_ul {
	position: absolute;
	top: 1rem;
	width: 100%
}

.pay-page-view .tableContent>li section .body_ul>li,
.payPage .tableContent>li section .body_ul>li {
	width: 100%;
	text-align: center;
	line-height: 2.3125rem;
	height: 2.3125rem;
	font-size: .75rem;
	color: #666
}

.pay-page-view .tableContent>li section .body_ul>li.thank,
.payPage .tableContent>li section .body_ul>li.thank {
	color: #fd7d38
}

.pay-page-view .tableContent>li section .body_ul>li.thank p,
.payPage .tableContent>li section .body_ul>li.thank p {
	padding: 0 1.8rem
}

.pay-page-view .tableContent>li section .convertCode,
.payPage .tableContent>li section .convertCode {
	background: #70aef5;
	border-radius: 4px;
	width: 8.5rem;
	height: 2.25rem;
	line-height: 2.25rem;
	font-size: .875rem;
	color: hsla(0, 0%, 100%, .66);
	cursor: pointer;
	text-align: center;
	position: absolute;
	bottom: .625rem;
	left: 2.625rem
}

.pay-page-view .tableContent>li section .convertCode:hover,
.payPage .tableContent>li section .convertCode:hover {
	background: #6c9cf5
}

.pay-page-view .tableContent>li section .convertCode:active,
.payPage .tableContent>li section .convertCode:active {
	background: #6c9cf5;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pay-page-view .tableContent>li section .convertCode.disabled,
.payPage .tableContent>li section .convertCode.disabled {
	background: #a3a3a3;
	cursor: not-allowed
}

.pay-page-view .tableContent>li section .convertCode:before,
.payPage .tableContent>li section .convertCode:before {
	content: '';
	background: none;
	position: absolute;
	left: .5625rem;
	top: .5rem;
	border: 2px solid rgba(0, 0, 0, .07);
	border-right: none;
	display: block;
	width: .375rem;
	height: 1.25rem
}

.pay-page-view .tableContent>li section .convertCode:after,
.payPage .tableContent>li section .convertCode:after {
	content: '';
	background: none;
	position: absolute;
	right: .5625rem;
	top: .5rem;
	border: 2px solid rgba(0, 0, 0, .07);
	border-left: none;
	display: block;
	width: .375rem;
	height: 1.25rem
}

.pay-page-view .tableContent>li section .bottomDis,
.payPage .tableContent>li section .bottomDis {
	font-size: .75rem;
	text-align: center;
	color: #67a7ce;
	position: absolute;
	width: 100%;
	bottom: 1.5rem
}

.pay-page-view .tableContent>li section .bottomDis2,
.payPage .tableContent>li section .bottomDis2 {
	font-size: .75rem;
	text-align: center;
	color: #67a7ce;
	position: absolute;
	width: 100%;
	bottom: 5.75rem
}

.pay-page-view .tableContent>li section .bottomDis3,
.payPage .tableContent>li section .bottomDis3 {
	font-size: .75rem;
	text-align: center;
	color: #e23;
	position: absolute;
	width: 100%;
	bottom: 5.75rem
}

.pay-page-view .chooseYear,
.payPage .chooseYear {
	position: relative;
	width: 100%;
	height: 100%
}

.pay-page-view .chooseYear h1,
.payPage .chooseYear h1 {
	position: absolute;
	top: 2.125rem;
	font-size: 24px;
	color: #657d8e;
	text-align: center;
	width: 100%
}

.pay-page-view .chooseYear .leftCont,
.payPage .chooseYear .leftCont {
	position: absolute;
	left: 4.5rem;
	top: 6rem;
	width: 26.6875rem;
	height: 21.25rem;
	border-right: 1px solid #fff
}

.pay-page-view .chooseYear .leftCont .chose header,
.payPage .chooseYear .leftCont .chose header {
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700;
	margin-bottom: 1.75rem
}

.pay-page-view .chooseYear .leftCont .chose>ul li,
.payPage .chooseYear .leftCont .chose>ul li {
	position: relative;
	width: 7.375rem;
	height: 7.375rem;
	margin-right: 1.125rem;
	margin-top: 1rem;
	background: #fff;
	border: 1px solid transparent;
	float: left;
	cursor: pointer
}

.pay-page-view .chooseYear .leftCont .chose>ul li.active,
.payPage .chooseYear .leftCont .chose>ul li.active {
	border: 1px solid #0096f6
}

.pay-page-view .chooseYear .leftCont .chose>ul li.active .chosen,
.payPage .chooseYear .leftCont .chose>ul li.active .chosen {
	display: block
}

.pay-page-view .chooseYear .leftCont .chose>ul li:hover,
.payPage .chooseYear .leftCont .chose>ul li:hover {
	border: 1px solid #0096f6
}

.pay-page-view .chooseYear .leftCont .chose>ul li .chosen,
.payPage .chooseYear .leftCont .chose>ul li .chosen {
	display: none;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-left: 2.75rem solid #0096f6;
	border-bottom: 2.75rem solid transparent;
	text-align: center
}

.pay-page-view .chooseYear .leftCont .chose>ul li .chosen i,
.payPage .chooseYear .leftCont .chose>ul li .chosen i {
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	left: 3px
}

.pay-page-view .chooseYear .leftCont .chose>ul li .year,
.payPage .chooseYear .leftCont .chose>ul li .year {
	position: absolute;
	top: 1.75rem;
	left: 0;
	right: 0;
	text-align: center;
	font-size: .75rem;
	color: #333
}

.pay-page-view .chooseYear .leftCont .chose>ul li .note,
.payPage .chooseYear .leftCont .chose>ul li .note {
	position: absolute;
	top: 3rem;
	text-align: center;
	left: 0;
	right: 0;
	font-size: .75rem;
	color: #333
}

.pay-page-view .chooseYear .leftCont .chose>ul li .money,
.payPage .chooseYear .leftCont .chose>ul li .money {
	position: absolute;
	bottom: 1.6875rem;
	left: 0;
	right: 0;
	text-align: center;
	font-size: .75rem;
	color: #333
}

.pay-page-view .chooseYear .leftCont .chose>ul li .money span.orgFee,
.payPage .chooseYear .leftCont .chose>ul li .money span.orgFee {
	color: #a3a3a3
}

.pay-page-view .chooseYear .leftCont .chose>ul li .money span.orgFee i,
.payPage .chooseYear .leftCont .chose>ul li .money span.orgFee i {
	text-decoration: line-through;
	font-style: normal
}

.pay-page-view .chooseYear .leftCont .bottomNote,
.payPage .chooseYear .leftCont .bottomNote {
	position: absolute;
	top: 23rem
}

.pay-page-view .chooseYear .rightCont,
.payPage .chooseYear .rightCont {
	position: absolute;
	right: 4.5rem;
	top: 6rem;
	width: 24rem
}

.pay-page-view .chooseYear .rightCont .fpContent header,
.payPage .chooseYear .rightCont .fpContent header {
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700;
	margin-bottom: .90625rem
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr,
.payPage .chooseYear .rightCont .fpContent table tbody tr {
	height: 3.5625rem;
	line-height: 3.5625rem
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td1,
.payPage .chooseYear .rightCont .fpContent table tbody tr .td1 {
	width: 5.25rem;
	font-size: 13px;
	color: #657d8e;
	text-align: left
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td2,
.payPage .chooseYear .rightCont .fpContent table tbody tr .td2 {
	width: 18.75rem
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td2 input,
.payPage .chooseYear .rightCont .fpContent table tbody tr .td2 input {
	width: 100%;
	background: #fff;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
	height: 1.75rem;
	line-height: 1.75rem;
	font-size: .75rem;
	color: #333
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td3,
.payPage .chooseYear .rightCont .fpContent table tbody tr .td3 {
	width: 18.75rem
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td3 input,
.payPage .chooseYear .rightCont .fpContent table tbody tr .td3 input {
	width: 11.875rem;
	background: #fff;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
	height: 1.75rem;
	line-height: 1.75rem;
	font-size: .75rem;
	color: #333
}

.pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td3 .btn,
.payPage .chooseYear .rightCont .fpContent table tbody tr .td3 .btn {
	float: right;
	width: 6rem;
	text-align: center;
	margin-top: .875rem
}

.pay-page-view .chooseYear .rightCont .bottomBar,
.payPage .chooseYear .rightCont .bottomBar {
	width: 18.5rem;
	height: 4rem;
	margin-top: 1rem;
	border-top: 1px solid #dcdcdc;
	float: right
}

.pay-page-view .chooseYear .rightCont .bottomBar .price,
.payPage .chooseYear .rightCont .bottomBar .price {
	float: left;
	width: 6.25rem;
	height: 2rem;
	line-height: 2rem;
	margin-top: 1.1875rem;
	margin-left: 1rem;
	font-size: .75rem;
	color: #333
}

.pay-page-view .chooseYear .rightCont .bottomBar .price span.num,
.payPage .chooseYear .rightCont .bottomBar .price span.num {
	font-size: .75rem;
	color: #1ba4ff;
	padding-left: 1rem
}

.pay-page-view .chooseYear .rightCont .bottomBar .saveBtn,
.payPage .chooseYear .rightCont .bottomBar .saveBtn {
	float: right;
	border-radius: 1.25rem;
	margin-top: 1.1875rem
}

.pay-page-view .chooseYear .rightCont .bottomBar .saveBtn.disabled2,
.payPage .chooseYear .rightCont .bottomBar .saveBtn.disabled2 {
	cursor: not-allowed;
	opacity: .65;
	box-shadow: none
}

.pay-page-view .convertCode h1,
.payPage .convertCode h1 {
	position: absolute;
	top: 2.125rem;
	font-size: 24px;
	color: #657d8e;
	text-align: center;
	width: 100%
}

.pay-page-view .convertCode .leftCont,
.payPage .convertCode .leftCont {
	position: absolute;
	left: 11.5rem;
	width: 19.75rem;
	top: 8.125rem
}

.pay-page-view .convertCode .leftCont .title,
.payPage .convertCode .leftCont .title {
	font-size: .75rem;
	color: #666;
	line-height: 1.625rem
}

.pay-page-view .convertCode .leftCont .convertEmail,
.payPage .convertCode .leftCont .convertEmail {
	font-size: .75rem;
	color: #a3a3a3;
	line-height: 1.625rem
}

.pay-page-view .convertCode .leftCont .codeInput,
.payPage .convertCode .leftCont .codeInput {
	background: #fffefe;
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 3px;
	margin-top: 1.625rem;
	height: 2.25rem;
	width: 16rem;
	padding-left: 1rem;
	line-height: 2.25rem
}

.pay-page-view .convertCode .leftCont .convertBtn,
.payPage .convertCode .leftCont .convertBtn {
	margin-top: 1.875rem;
	width: 5.625rem;
	height: 1.875rem;
	background: #1ba4ff;
	color: #fff;
	line-height: 1.875rem;
	border-radius: 4px;
	cursor: pointer;
	text-align: center
}

.pay-page-view .convertCode .leftCont .convertBtn:hover,
.payPage .convertCode .leftCont .convertBtn:hover {
	background: #32adff
}

.pay-page-view .convertCode .leftCont .convertBtn:active,
.payPage .convertCode .leftCont .convertBtn:active {
	background: #32adff;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pay-page-view .convertCode .rightCont,
.payPage .convertCode .rightCont {
	position: absolute;
	right: 11.5rem;
	width: 19.75rem;
	border-left: 1px solid #fff;
	height: 21.125rem;
	top: 8.125rem;
	padding-left: 4rem
}

.pay-page-view .convertCode .rightCont .title,
.payPage .convertCode .rightCont .title {
	font-size: .75rem;
	color: #666;
	line-height: 1.625rem
}

.pay-page-view .convertCode .rightCont .describe,
.payPage .convertCode .rightCont .describe {
	font-size: .75rem;
	color: #a3a3a3;
	line-height: 1.625rem
}

.pay-page-view .convertCode .convertSuccessPic,
.payPage .convertCode .convertSuccessPic {
	background: url("https://res-front-cdn.timetask.cn/common/img/promo-code/promo-code.png");
	background-size: contain;
	width: 12.625rem;
	height: 6.75rem;
	margin-top: 6.75rem;
	margin-left: 25rem
}

.pay-page-view .convertCode .convertSuccessText,
.payPage .convertCode .convertSuccessText {
	margin-top: 2.3125rem;
	text-align: center;
	font-size: 32px;
	color: #70aef5
}

.pay-page-view .finalPay_container .finalPay,
.payPage .finalPay_container .finalPay {
	width: 40rem;
	text-align: left;
	min-height: 31.25rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -20rem
}

.pay-page-view .finalPay_container .finalPay h1,
.payPage .finalPay_container .finalPay h1 {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
	color: #4b74a0;
	text-align: center;
	margin-top: 1.25rem
}

.pay-page-view .finalPay_container .finalPay p,
.payPage .finalPay_container .finalPay p {
	display: block;
	height: 1rem;
	line-height: 1rem;
	font-size: .75rem;
	margin-top: 4.5rem;
	margin-bottom: 2.8125rem
}

.pay-page-view .finalPay_container .finalPay p span,
.payPage .finalPay_container .finalPay p span {
	color: #0096f6;
	font-weight: 400
}

.pay-page-view .finalPay_container .finalPay p b,
.payPage .finalPay_container .finalPay p b {
	font-weight: 400
}

.pay-page-view .finalPay_container .finalPay p #orderNumber,
.payPage .finalPay_container .finalPay p #orderNumber {
	color: #0096f6
}

.pay-page-view .finalPay_container .finalPay h2,
.payPage .finalPay_container .finalPay h2 {
	height: 1.5625rem;
	line-height: 1.5625rem;
	margin-bottom: 1.25rem;
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700;
	font-weight: 400
}

.pay-page-view .finalPay_container .finalPay ul,
.payPage .finalPay_container .finalPay ul {
	margin: 0 0 3.4375rem
}

.pay-page-view .finalPay_container .finalPay ul li,
.payPage .finalPay_container .finalPay ul li {
	display: block;
	float: left;
	width: 10.8125rem;
	height: 6.75rem;
	margin: 0 3.5625rem 0 0;
	padding: 0;
	border: 1px solid #ccc;
	position: relative;
	cursor: pointer
}

.pay-page-view .finalPay_container .finalPay ul li#aliPay,
.payPage .finalPay_container .finalPay ul li#aliPay {
	background: url(https://res-front-cdn.timetask.cn/release/images/alipay.2247c4fa5b.png)
}

.pay-page-view .finalPay_container .finalPay ul li#weChartPay,
.payPage .finalPay_container .finalPay ul li#weChartPay {
	background: url(https://res-front-cdn.timetask.cn/release/images/weChartPay.bd71129c6e.png)
}

.pay-page-view .finalPay_container .finalPay ul li#cyBerBankPay,
.payPage .finalPay_container .finalPay ul li#cyBerBankPay {
	background: url(https://res-front-cdn.timetask.cn/release/images/cyBerBankPay.d0a2ef3ca5.png)
}

.pay-page-view .finalPay_container .finalPay ul li:hover,
.payPage .finalPay_container .finalPay ul li:hover {
	border: 1px solid #65717a
}

.pay-page-view .finalPay_container .finalPay ul li .chosen,
.payPage .finalPay_container .finalPay ul li .chosen {
	display: none;
	width: 0;
	height: 0;
	border-top: 0 solid transparent;
	border-left: 2.75rem solid #0096f6;
	border-bottom: 2.75rem solid transparent;
	text-align: center
}

.pay-page-view .finalPay_container .finalPay ul li .chosen i,
.payPage .finalPay_container .finalPay ul li .chosen i {
	font-size: 1.5rem;
	color: #fff;
	position: absolute;
	left: 3px
}

.pay-page-view .finalPay_container .finalPay ul li.active .chosen,
.payPage .finalPay_container .finalPay ul li.active .chosen {
	display: block
}

.pay-page-view .finalPay_container .finalPay ul li:last-child,
.payPage .finalPay_container .finalPay ul li:last-child {
	margin-right: 0
}

.pay-page-view .finalPay_container .finalPay footer .btn-primary,
.payPage .finalPay_container .finalPay footer .btn-primary {
	border-radius: 1.25rem;
	float: right
}

.pay-page-view .cyBerBankPay .finalPay,
.pay-page-view .weChartPay .finalPay,
.payPage .cyBerBankPay .finalPay,
.payPage .weChartPay .finalPay {
	width: 50rem;
	text-align: left;
	min-height: 31.25rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -25rem
}

.pay-page-view .cyBerBankPay .finalPay h1,
.pay-page-view .weChartPay .finalPay h1,
.payPage .cyBerBankPay .finalPay h1,
.payPage .weChartPay .finalPay h1 {
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
	color: #4b74a0;
	text-align: center;
	margin-top: 1.25rem
}

.pay-page-view .cyBerBankPay .finalPay>p,
.pay-page-view .weChartPay .finalPay>p,
.payPage .cyBerBankPay .finalPay>p,
.payPage .weChartPay .finalPay>p {
	display: block;
	height: 1rem;
	line-height: 1rem;
	font-size: .75rem;
	margin-top: 1.875rem;
	margin-bottom: 2.8125rem;
	text-align: center
}

.pay-page-view .cyBerBankPay .finalPay>p span,
.pay-page-view .weChartPay .finalPay>p span,
.payPage .cyBerBankPay .finalPay>p span,
.payPage .weChartPay .finalPay>p span {
	color: #0096f6;
	font-weight: 400
}

.pay-page-view .cyBerBankPay .finalPay>p b,
.pay-page-view .weChartPay .finalPay>p b,
.payPage .cyBerBankPay .finalPay>p b,
.payPage .weChartPay .finalPay>p b {
	font-weight: 400
}

.pay-page-view .cyBerBankPay .finalPay>p #orderNumber,
.pay-page-view .weChartPay .finalPay>p #orderNumber,
.payPage .cyBerBankPay .finalPay>p #orderNumber,
.payPage .weChartPay .finalPay>p #orderNumber {
	color: #0096f6
}

.pay-page-view .weChartPay .leftCont,
.payPage .weChartPay .leftCont {
	width: 26.25rem;
	height: 26.25rem;
	border-right: 1px solid #fff;
	float: left
}

.pay-page-view .weChartPay .leftCont header,
.payPage .weChartPay .leftCont header {
	text-align: center;
	height: 1.5625rem;
	line-height: 1.5625rem;
	margin-bottom: 1.25rem;
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700;
	font-weight: 400;
	width: 19.0625rem
}

.pay-page-view .weChartPay .leftCont .bigBox,
.payPage .weChartPay .leftCont .bigBox {
	background: #fff;
	width: 19.0625rem;
	height: 16.875rem;
	border: 1px solid #ccc
}

.pay-page-view .weChartPay .leftCont .bigBox article,
.payPage .weChartPay .leftCont .bigBox article {
	float: left;
	width: 16.75rem;
	height: 16.75rem;
	padding: .5625rem;
	border-right: 1px solid #ccc
}

.pay-page-view .weChartPay .leftCont .bigBox article img,
.payPage .weChartPay .leftCont .bigBox article img {
	width: 15.625rem;
	height: 15.625rem
}

.pay-page-view .weChartPay .leftCont .bigBox aside,
.payPage .weChartPay .leftCont .bigBox aside {
	float: right;
	width: 2.1875rem;
	height: 16.75rem;
	position: relative;
	background: #f6f6f6
}

.pay-page-view .weChartPay .leftCont .bigBox aside i,
.payPage .weChartPay .leftCont .bigBox aside i {
	position: absolute;
	top: .625rem;
	font-size: 1.25rem;
	left: .4375rem
}

.pay-page-view .weChartPay .leftCont .bigBox aside span,
.payPage .weChartPay .leftCont .bigBox aside span {
	display: block;
	width: .8125rem;
	font-size: .75rem;
	color: #333;
	margin-left: .5625rem;
	margin-top: 2.25rem;
	line-height: .875rem;
	text-align: center
}

.pay-page-view .weChartPay .leftCont footer,
.payPage .weChartPay .leftCont footer {
	width: 10rem;
	height: 2.5rem;
	margin-top: 1.625rem;
	margin-left: 4.375rem;
	background: url(https://res-front-cdn.timetask.cn/release/images/sao1sao.55a618610c.png) no-repeat
}

.pay-page-view .weChartPay .leftCont footer p,
.payPage .weChartPay .leftCont footer p {
	float: right;
	line-height: 1.25rem;
	text-align: left;
	font-size: .75rem;
	color: #333
}

.pay-page-view .weChartPay .rightCont,
.payPage .weChartPay .rightCont {
	float: right;
	margin-top: 45px;
	width: 270px;
	height: 270px;
	background: url()
}

.pay-page-view .cyBerBankPay .leftCont,
.payPage .cyBerBankPay .leftCont {
	width: 420px;
	height: 420px;
	float: left
}

.pay-page-view .cyBerBankPay .leftCont header,
.payPage .cyBerBankPay .leftCont header {
	text-align: left;
	height: 25px;
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 1.125rem;
	color: #1ba4ff;
	font-weight: 700;
	font-weight: 400;
	width: 305px
}

.pay-page-view .cyBerBankPay .leftCont h3,
.payPage .cyBerBankPay .leftCont h3 {
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	font-size: .75rem;
	color: #333
}

.pay-page-view .cyBerBankPay .leftCont>p,
.payPage .cyBerBankPay .leftCont>p {
	height: 121px;
	line-height: 30px;
	font-size: .75rem;
	color: #333
}

.pay-page-view .cyBerBankPay .rightCont,
.payPage .cyBerBankPay .rightCont {
	width: 300px;
	height: 400px;
	float: right
}

.pay-page-view .cyBerBankPay .rightCont h3,
.payPage .cyBerBankPay .rightCont h3 {
	font-weight: 700;
	height: 32px;
	line-height: 32px;
	margin-top: 2.8125rem;
	font-size: .75rem;
	color: #333
}

.pay-page-view .cyBerBankPay .rightCont>p,
.payPage .cyBerBankPay .rightCont>p {
	height: 121px;
	line-height: 30px;
	font-size: .75rem;
	color: #333
}

.pay-page-view #buySuccess,
.payPage #buySuccess {
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.pay-page-view #buySuccess .thankBox,
.payPage #buySuccess .thankBox {
	width: 420px;
	height: 420px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -210px;
	margin-top: -210px;
	background: url(https://res-front-cdn.timetask.cn/release/images/thankBox.912d003168.png)
}

.pay-page-view #buySuccess .thankBox p,
.payPage #buySuccess .thankBox p {
	font-size: 14px;
	display: block;
	width: 210px;
	text-align: center;
	position: absolute;
	top: 46%;
	left: 50%;
	margin-left: -107px
}

.pay-page-view #buySuccess .thankBox p b,
.payPage #buySuccess .thankBox p b {
	color: #ed5151
}

.pay-page-view #buySuccess .highLight,
.payPage #buySuccess .highLight {
	width: 382px;
	height: 387px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -191px;
	background: url(https://res-front-cdn.timetask.cn/release/images/heightLight.a771cdf650.png)
}

.recycleBin {
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden;
	background-color: #fff
}

@media screen and (max-width:1024px) {
	.recycleBin {
		left: 8%;
		right: 8%
	}
}

.recycleBin .header {
	width: 100%;
	height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.recycleBin .header h5 {
	overflow: hidden
}

.recycleBin .header h5 span.btn.btn-fifth-outline {
	border-radius: 100px;
	margin-top: 12px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.recycleBin .header>li,
.recycleBin .header>tr>td {
	width: 25%;
	float: left;
	margin-top: 19px;
	text-align: center;
	position: relative;
	font-size: .75rem;
	color: #666
}

.recycleBin .header>li span,
.recycleBin .header>tr>td span {
	vertical-align: top
}

.recycleBin .header>li i,
.recycleBin .header>tr>td i {
	font-size: 24px;
	line-height: 20px;
	margin-left: 3px
}

.recycleBin .header>li i,
.recycleBin .header>li span,
.recycleBin .header>tr>td i,
.recycleBin .header>tr>td span {
	cursor: pointer
}

.recycleBin .header>li.member,
.recycleBin .header>li .wrap,
.recycleBin .header>tr>td.member,
.recycleBin .header>tr>td .wrap {
	display: inline-block
}

.recycleBin .header>li.member>span,
.recycleBin .header>li .wrap>span,
.recycleBin .header>tr>td.member>span,
.recycleBin .header>tr>td .wrap>span {
	display: inline-block;
	font-size: 15px;
	margin-top: -2px
}

.recycleBin .header>li.name .wrap,
.recycleBin .header>tr>td.name .wrap {
	width: 100%;
	min-width: 100px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.recycleBin .header>li.name .wrap>span.caption,
.recycleBin .header>tr>td.name .wrap>span.caption {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 40px)
}

.recycleBin .header>li .dropdown-menu,
.recycleBin .header>tr>td .dropdown-menu {
	min-width: 100px;
	width: 100%
}

.recycleBin .header>li .dropdown-menu .dropdown-item,
.recycleBin .header>tr>td .dropdown-menu .dropdown-item {
	overflow: hidden;
	width: 100%;
	text-align: left
}

.recycleBin .header>li .dropdown-menu .dropdown-item span,
.recycleBin .header>tr>td .dropdown-menu .dropdown-item span {
	float: left;
	width: calc(100% - 37px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.recycleBin .header>li .dropdown-menu .dropdown-item .icon-check,
.recycleBin .header>tr>td .dropdown-menu .dropdown-item .icon-check {
	float: right;
	visibility: hidden;
	color: #0689dd
}

.recycleBin .header>li .dropdown-menu .dropdown-item.selected .icon-check,
.recycleBin .header>tr>td .dropdown-menu .dropdown-item.selected .icon-check {
	visibility: visible;
	font-size: 20px
}

.recycleBin .header>li .moduleTypeList,
.recycleBin .header>tr>td .moduleTypeList {
	height: 200px;
	overflow-y: auto
}

.recycleBin .header td.member:after,
.recycleBin .header td.type:after {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	height: 16px;
	width: 1px;
	background: rgba(0, 0, 0, .09)
}

.recycleBin .header td.member>div>span {
	display: inline-block
}

.recycleBin .header td.member:before {
	content: '';
	position: absolute;
	top: 2px;
	height: 16px;
	width: 1px;
	background: rgba(0, 0, 0, .09);
	right: 0
}

@media screen and (max-width:1220px) {
	.recycleBin .header td.date {
		width: 30%
	}
	.recycleBin .header td.date ul {
		width: 180px!important
	}
	.recycleBin .header td.date ul li {
		padding-right: 0
	}
}

@media screen and (max-width:1111px) {
	.recycleBin .header td.date ul li {
		padding-left: 4px
	}
}

@media screen and (max-width:1071px) {
	.recycleBin .header td.date .wrap.selectedADate {
		margin-top: -9px
	}
}

.recycleBin .header.todo td {
	width: 33%
}

.recycleBin .list {
	float: right;
	width: 70%;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, .07);
	width: 100%;
	padding-right: 3px
}

.recycleBin .list .btn.btn-fifth-outline {
	border-radius: 100px
}

.recycleBin .list .header+div,
.recycleBin .list section {
	height: calc(100% - 56px)
}

.recycleBin .list .doc-check-component.doc-check-type-a {
	height: 100%;
	overflow-y: auto;
	width: 80%;
	padding-right: 10px;
	margin: 0 auto
}

.recycleBin .list .doc-check-component.doc-check-type-a .doc-check-header {
	display: none
}

.recycleBin .list .doc-check-component.doc-check-type-a .comment .left {
	background-color: inherit
}

.recycleBin .list .doc-check-component.doc-check-type-a .comment .right {
	border: none
}

.recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	left: 0;
	margin-left: 50%
}

.recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
	text-align: left
}

.recycleBin .list .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
	display: inline
}

.recycleBin .list .view-dialog {
	z-index: -1;
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	top: 100px;
	left: 50%;
	margin-left: -50%;
	width: 100%
}

.recycleBin .list .view-dialog .doc-check-component.doc-check-type-a .check-body {
	margin-left: 2px
}

.recycleBin .list .view-dialog .taskDetail-warp-x.isDialog {
	padding-right: 2px;
	width: 543px
}

.recycleBin .list .view-dialog .taskDetail-warp-x.isDialog .taskDetail-warp-y {
	padding-top: 1px;
	padding-right: 1px
}

.recycleBin .list .view-dialog .taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail {
	margin-left: 1px
}

.recycleBin .list.show-dialog .view-dialog {
	z-index: 1;
	opacity: 1
}

.recycleBin .list.show-dialog .body {
	z-index: -1;
	opacity: 0
}

.recycleBin .list .body {
	padding: 0 29px;
	height: calc(100% - 62px);
	overflow-y: auto;
	position: relative;
	z-index: 10;
	opacity: 1;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.recycleBin .list .body.rui-loading .rui-loading-wrapper~p.noMoreResults {
	display: none
}

.recycleBin .list .body li {
	height: 60px;
	overflow: hidden;
	padding-left: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .09)
}

.recycleBin .list .body li .diyCheckbox.checked .check {
	top: -4px
}

.recycleBin .list .body li .diyCheckbox.checked .checkTail {
	top: -3px
}

.recycleBin .list .body li>div:not(.info) {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #fff;
	font-size: .875rem;
	color: #333
}

.recycleBin .list .body li>div:not(.info).describe {
	width: calc(100% - 250px)
}

.recycleBin .list .body li>div:not(.info).describe [class^=icon] {
	color: #75818d
}

.recycleBin .list .body li>div:not(.info).describe span.name {
	font-size: .875rem;
	color: #333
}

.recycleBin .list .body li>div:not(.info).describe span.file-img {
	width: 28px;
	height: 36px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px
}

.recycleBin .list .body li>div:not(.info).describe span.file-img.icon-folder:before {
	font-size: 28px;
	vertical-align: top;
	margin-top: -14px;
	display: inline-block;
	color: #75818d
}

.recycleBin .list .body li>div:not(.info).describe .checkBox {
	margin-right: 0;
	background-color: #fff
}

.recycleBin .list .body li>div:not(.info).describe .checkBox .icon-check_box_outline_blank {
	margin-right: 3px;
	font-size: 18px;
	vertical-align: sub
}

.recycleBin .list .body li>div:not(.info).describe .checkBox .diyCheckbox.checked .check {
	top: -4px;
	left: 2px
}

.recycleBin .list .body li>div:not(.info).describe .checkBox .checkTail {
	top: -1px;
	left: 9px
}

.recycleBin .list .body li>div:not(.info).describe .kanban,
.recycleBin .list .body li>div:not(.info).describe .note {
	vertical-align: text-bottom;
	color: #75818d
}

.recycleBin .list .body li>div:not(.info).describe.forFile {
	width: calc(100% - 400px);
	margin-right: 70px
}

.recycleBin .list .body li>div:not(.info).describe,
.recycleBin .list .body li>div:not(.info).size {
	float: left
}

.recycleBin .list .body li>div:not(.info).describe i,
.recycleBin .list .body li>div:not(.info).size i {
	font-size: 18px;
	margin-right: 13px
}

.recycleBin .list .body li>.info .deletor {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
	max-width: 97px;
	margin-right: 4px
}

.recycleBin .list .body li span {
	font-size: .875rem;
	color: #333;
	line-height: 60px
}

.recycleBin .list .body li .size {
	line-height: 60px
}

.recycleBin .list .body li .info,
.recycleBin .list .body li .operate {
	float: right
}

.recycleBin .list .body li .operate {
	display: none
}

.recycleBin .list .body li .operate span {
	cursor: pointer;
	font-size: .75rem;
	color: #1ba4ff;
	font-size: 13px;
	color: #75818d
}

.recycleBin .list .body li .operate span+span {
	margin-left: 30px
}

.recycleBin .list .body li:hover .operate {
	display: block
}

.recycleBin .list .body li:hover .info {
	display: none
}

.recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header .check {
	margin-top: 14px
}

.recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header .check .icon-check:before {
	position: absolute;
	top: -4px
}

.recycleBin .list .taskDetail-warp-x .header .show-more+ul li.delete-task {
	display: none
}

.recycleBin .view-dialog .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header-container .close.icon-close {
	display: none!important
}

.recycleBin .header {
	border-bottom: 1px solid #c9c9c9
}

.recycleBin.show-nav .app-common-nav {
	height: 43px;
	line-height: 43px;
	visibility: visible
}

.recycleBin.show-nav .app-common-nav li {
	display: block
}

.recycleBin.show-nav .list .body {
	height: calc(100% - 105px)
}

.recycleBin.show-nav .rui-loading-wrapper {
	margin-top: -170px
}

.recycleBin .app-common-nav {
	visibility: hidden;
	height: 0;
	line-height: 0;
	overflow: hidden;
	padding-left: 8.3%;
	background-color: #f5f7f9;
	border-bottom: 1px solid #c9c9c9
}

.recycleBin .app-common-nav,
.recycleBin .app-common-nav>li {
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.recycleBin .app-common-nav>li {
	float: left;
	cursor: pointer;
	display: none
}

.recycleBin .app-common-nav>li+li:before {
	content: '\E315';
	font-family: icomoon!important;
	font-size: 20px;
	vertical-align: middle;
	margin-top: -4px;
	display: inline-block;
	color: rgba(0, 0, 0, .54)
}

.recycleBin .app-common-nav>li:not(:nth-last-child(1)):hover {
	font-size: .75rem;
	color: #1ba4ff
}

.recycleBin .app-common-nav>li:nth-last-child(1) {
	cursor: not-allowed
}

body.ie .recycleBin .list .body li .diyCheckbox.checked .checkTail {
	top: -1px
}

body.ie .recycleBin .list .body li .diyCheckbox.checked .check {
	top: -2px
}

.dakaInfo {
	width: 290px;
	height: 380px
}

.dakaInfo div.bg {
	width: 97px;
	height: 100px;
	margin: 15px auto 45px;
	background-size: contain;
	background-image: url(https://res-front-cdn.timetask.cn/release/images/5.6e6dcbe401.jpg)
}

.dakaInfo ul {
	width: 100%
}

.dakaInfo ul li {
	line-height: 32px;
	float: none;
	margin-left: 50px;
	margin-top: 0;
	cursor: default;
	overflow: hidden
}

.dakaInfo ul li span {
	text-align: left;
	display: inline-block;
	font-size: 12px
}

.dakaInfo ul li .star {
	width: 16px;
	height: 16px;
	margin-right: 12px;
	float: left;
	margin-top: 6px
}

.dakaInfo ul li .star.starYellow {
	background-image: url();
	background-size: contain
}

.dakaInfo ul li .star.starPurple {
	background-image: url();
	background-size: contain
}

.dakaInfo ul li span.caption {
	float: left;
	width: 75px;
	margin: 0 24px 0 12px
}

.dakaInfo ul li i {
	font-style: normal
}

.dakaInfo ul li i.days,
.dakaInfo ul li i.growth,
.dakaInfo ul li i.persons,
.dakaInfo ul li i.totalGrowth {
	font-size: 18px;
	color: #498fe1;
	margin-right: 12px
}

.dakaInfo ul li i.exchange {
	width: 40px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	background-color: #498fe1;
	border-radius: 2px
}

.dakaInfo a.btn,
.dakaInfo ul li i.exchange {
	color: #fff;
	text-align: center;
	display: inline-block;
	cursor: pointer
}

.dakaInfo a.btn {
	width: 100%;
	line-height: 24px;
	border-radius: 0 0 2px 2px;
	margin-top: 38px;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.dakaFinish {
	width: 335px;
	height: 498px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff
}

.dakaFinish .showBox .bg {
	position: relative;
	width: 100%;
	height: 208px;
	background-size: contain;
	background-image: url(https://res-front-cdn.timetask.cn/release/images/4.23b3d7be88.jpg)
}

.dakaFinish .showBox .bg .close {
	width: 28px;
	height: 28px;
	top: 5px;
	right: 5px;
	cursor: pointer;
	position: absolute;
	text-align: center;
	line-height: 28px;
	background: hsla(0, 0%, 100%, .2);
	border-radius: 50%
}

.dakaFinish .showBox .bg .close .icon-close {
	color: #fff
}

.dakaFinish .showBox h5 {
	text-align: center
}

.dakaFinish ul {
	width: 100%
}

.dakaFinish ul li {
	line-height: 32px;
	float: none;
	margin-left: 50px;
	margin-top: 0;
	cursor: default;
	overflow: hidden
}

.dakaFinish ul li span {
	text-align: left;
	display: inline-block;
	font-size: 12px
}

.dakaFinish ul li .star {
	width: 16px;
	height: 16px;
	margin-right: 12px;
	float: left;
	margin-top: 6px
}

.dakaFinish ul li .star.starYellow {
	background-image: url();
	background-size: contain
}

.dakaFinish ul li .star.starPurple {
	background-image: url();
	background-size: contain
}

.dakaFinish ul li span.caption {
	float: left;
	width: 75px;
	margin: 0 24px 0 12px
}

.dakaFinish ul li i {
	font-style: normal
}

.dakaFinish ul li i.days,
.dakaFinish ul li i.growth,
.dakaFinish ul li i.persons,
.dakaFinish ul li i.totalGrowth {
	font-size: 18px;
	color: #498fe1;
	margin-right: 12px
}

.dakaFinish ul li i.exchange {
	color: #fff;
	width: 40px;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
	background-color: #498fe1;
	display: inline-block;
	border-radius: 2px;
	cursor: pointer
}

.dakaFinish ul li {
	margin-left: 80px
}

.dakaFinish ul li .star {
	vertical-align: middle
}

.dakaFinish ul li span {
	vertical-align: top
}

.dakaFinish .footer {
	text-align: center;
	margin-top: 38px
}

.dakaFinish .footer span {
	display: inline-block;
	line-height: 45px;
	height: 46px;
	padding: 0 35px;
	border-radius: 23px
}

#navigator .nav-right .menu-list li.dakaBtn {
	vertical-align: top;
	padding: 12px 6px;
	position: relative;
	margin-right: 3px
}

#navigator .nav-right .menu-list li.dakaBtn .daka {
	color: #cecece;
	float: left;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	margin-top: 4px;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out
}

#navigator .nav-right .menu-list li.dakaBtn .daka.hasDaka {
	color: #75818d
}

body.firefox #navigator .nav-right .menu-list li.dakaBtn {
	margin-top: 2px
}

.userGuideMask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .54)
}

.userGuideMask .mainUl {
	position: absolute;
	width: 960px;
	height: 550px;
	left: 50%;
	top: 50%;
	margin-left: -480px;
	margin-top: -275px;
	border: none;
	z-index: 3
}

.userGuideMask .mainUl li {
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 10px solid #eee;
	border-radius: 1rem;
	background-size: cover
}

.userGuideMask .mainUl li.active {
	display: block
}

.userGuideMask .mainUl li.view1 {
	background-image: url("https://res-front-cdn.timetask.cn/common/img/userGuide/%E5%BC%95%E5%AF%BC1.png")
}

.userGuideMask .mainUl li.view1 h3 {
	width: 264px;
	margin-left: -132px
}

.userGuideMask .mainUl li.view2 {
	background-image: url("https://res-front-cdn.timetask.cn/common/img/userGuide/%E5%BC%95%E5%AF%BC2.png")
}

.userGuideMask .mainUl li.view2 h3 {
	width: 280px;
	margin-left: -140px
}

.userGuideMask .mainUl li.view3 {
	background-image: url("https://res-front-cdn.timetask.cn/common/img/userGuide/%E5%BC%95%E5%AF%BC3.png")
}

.userGuideMask .mainUl li.view3 h3 {
	width: 500px;
	margin-left: -250px
}

.userGuideMask .mainUl li.view3 .btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -41px
}

.userGuideMask .mainUl li .icon-close {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 30px;
	color: #fff;
	cursor: pointer
}

.userGuideMask .mainUl li h2 {
	font-size: 1.25rem;
	color: #333;
	letter-spacing: 2px;
	text-align: center;
	font-weight: 700;
	position: absolute;
	top: 393px;
	left: 0;
	right: 0;
	margin: 0
}

.userGuideMask .mainUl li h3 {
	position: absolute;
	top: 438px;
	left: 50%;
	margin-bottom: 0;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #666;
	letter-spacing: 2px;
	text-align: center
}

.userGuideMask .nextArr,
.userGuideMask .prevArr {
	width: 56px;
	height: 56px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	z-index: 4;
	border-radius: 50%;
	text-align: center;
	line-height: 56px
}

.userGuideMask .nextArr i,
.userGuideMask .prevArr i {
	position: relative;
	top: 6px;
	cursor: pointer;
	font-size: 40px;
	color: #0091f1
}

.userGuideMask .nextArr.prevArr,
.userGuideMask .prevArr.prevArr {
	left: calc(25vw - 240px);
	margin-left: -28px
}

.userGuideMask .nextArr.nextArr,
.userGuideMask .prevArr.nextArr {
	right: calc(25vw - 240px);
	margin-right: -28px
}

.userGuideMask footer {
	position: absolute;
	margin-bottom: -15px;
	bottom: calc((100vh - 530px) / 4);
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: 20px;
	z-index: 2
}

.userGuideMask footer ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.userGuideMask footer ul li {
	float: left;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden
}

.userGuideMask footer ul li span {
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	display: none;
	width: 8px;
	height: 8px;
	margin-top: 1px;
	margin-left: 1px;
	border-radius: 50%;
	background: #0091f1
}

.userGuideMask footer ul li span.active {
	display: block
}

.userGuideMask footer ul li+li {
	margin-left: 28px
}

.loginInviteMask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999998;
	background: #30add8;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7
}

.popup {
	color: #262626;
	letter-spacing: .06px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 99999999;
	width: 370px;
	min-height: 543px;
	height: 543px;
	background: url("https://res-front-cdn.timetask.cn/common/img/userInvite/inviteBg.png");
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .27);
	border: none
}

.popup .cross {
	font-family: cursive;
	font-size: 16px;
	position: absolute;
	right: 14px;
	top: 10px;
	color: #fff;
	cursor: pointer;
	z-index: 10
}

.popup .cross:hover {
	color: #ddd
}

.popup .popupContainer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9
}

.popup .popupContainer.showing {
	display: block
}

.popup .popupContainer#choseOne .middleText {
	display: block;
	text-align: center;
	position: absolute;
	top: 287px;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #262626
}

.popup .popupContainer#choseOne .middleText .bigBlue {
	color: #007aff
}

.popup .popupContainer#choseOne .whiteBtn {
	position: absolute;
	bottom: 109px;
	left: 62px
}

.popup .popupContainer#choseOne .blueBtn {
	position: absolute;
	bottom: 63px;
	left: 62px
}

.popup .btnS,
.popup input[type=button] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.popup .btnS {
	display: block;
	width: 135px;
	height: 38px;
	line-height: 38px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.popup .btnS.btnLong {
	width: 249px
}

.popup .btnS.blueBtn {
	background: #007eff;
	border: 1px solid #007eff;
	margin: 0 auto
}

.popup .btnS.blueBtn:hover {
	background: #158dff
}

.popup .btnS.blueBtn:active {
	background: #158dff;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .2)
}

.popup .btnS.whiteBtn {
	background: #fff;
	color: #158dff;
	border: 1px solid #158dff;
	margin: 0 auto
}

.popup .btnS.whiteBtn:active,
.popup .btnS.whiteBtn:hover {
	background: #158dff;
	color: #fff
}

.popup .btnS.whiteBtn:active {
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .2)
}

.popup .btnS.redBtn {
	background: #ff7171;
	border: 1px solid #ff8a7e;
	margin: 0 auto
}

.popup .btnS.redBtn:hover {
	background: #ff8a7e
}

.popup .btnS.redBtn:active {
	background: #ff8a7e;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .2)
}

.archieve.header-app {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 0;
	left: 13.4%;
	right: 13.4%;
	height: 100%;
	background: #f4f8fb;
	overflow: hidden
}

@media screen and (max-width:1024px) {
	.archieve.header-app {
		left: 8%;
		right: 8%
	}
}

.archieve.header-app .header-app-left {
	width: 30%;
	height: 100%;
	float: left;
	background: #fcfcfc;
	border-right: 1px solid rgba(0, 0, 0, .07);
	position: relative
}

.archieve.header-app .header-app-left ul {
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	bottom: 0
}

.archieve.header-app .header-app-left header {
	font-size: 14px;
	color: #0468a3;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid rgba(0, 0, 0, .09);
	text-align: center;
	position: relative
}

.archieve.header-app .header-app-left header .create-archieve {
	cursor: pointer;
	display: inline-block
}

.archieve.header-app .header-app-left header .create-archieve .icon-add_circle {
	font-size: 24px;
	color: #bbd1dc;
	border-radius: 50%;
	vertical-align: -20%;
	margin-right: 10px
}

.archieve.header-app .header-app-left ul.archieve-list {
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 50px
}

.archieve.header-app .header-app-left ul.archieve-list .edit-box {
	border: 0;
	width: calc(100% - 40px);
	height: 56px;
	line-height: 56px;
	padding-left: 40px;
	background: transparent
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item {
	height: 56px;
	line-height: 56px;
	padding-left: 40px
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing {
	position: relative
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing.selected .edit-box {
	color: #fff
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing .edit-box {
	padding: 0
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing .archieve-name,
.archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing .operate-box {
	display: none!important
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item:hover {
	background: #f2f2f2
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item:hover .operate-box {
	display: inline-block
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item.selected {
	background: #0096f6
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item.selected .archieve-name,
.archieve.header-app .header-app-left ul.archieve-list .archieve-item.selected .operate-box .show-more {
	color: #fff
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item .archieve-name {
	font-size: .75rem;
	color: #617a8b;
	width: calc(100% - 54px);
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: default
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box {
	display: none;
	margin: 0 15px;
	text-align: center;
	float: right;
	position: relative
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box:hover .dropdown-menu {
	display: block;
	position: absolute
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box .show-more {
	font-size: 24px;
	color: #0689dd;
	vertical-align: middle
}

.archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box .dropdown-menu {
	margin-top: -20px;
	left: -90px
}

.archieve.header-app .header-app-right {
	overflow: hidden;
	background-color: #f1f2f6;
	background: none;
	height: 100%
}

.archieve.header-app .header-app-right h5 {
	overflow: hidden;
	padding: 14px 0 13px;
	border-bottom: 1px solid rgba(0, 0, 0, .07);
	margin: 0
}

.archieve.header-app .header-app-right h5 a,
.archieve.header-app .header-app-right h5 label {
	float: right;
	margin-right: 21px;
	margin-bottom: 0;
	text-align: center;
	opacity: .87;
	cursor: pointer
}

.archieve.header-app .header-app-right h5 a input[type=file],
.archieve.header-app .header-app-right h5 label input[type=file] {
	width: 0;
	height: 0;
	display: none
}

ul.header-app-right-header {
	border: 1px solid rgba(0, 0, 0, .09);
	border-left: none;
	height: 56px;
	font-size: 0
}

ul.header-app-right-header .backup {
	display: none
}

ul.header-app-right-header.notTop .backup {
	display: block;
	width: 120px;
	border: none
}

ul.header-app-right-header.notTop .date,
ul.header-app-right-header.notTop .member,
ul.header-app-right-header.notTop .type {
	display: none
}

ul.header-app-right-header>li {
	display: inline-block;
	width: 33%;
	margin: 16px 0;
	text-align: center;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	font-size: 12px
}

ul.header-app-right-header>li+li {
	border-left: 1px solid #d3d3d3
}

ul.header-app-right-header>li .icon-keyboard_arrow_down {
	font-size: 20px;
	margin-left: 6px;
	vertical-align: sub
}

ul.header-app-right-header>li.type .dropdown-menu {
	margin-left: 14%
}

@media screen and (max-width:1024px) {
	ul.header-app-right-header>li.type .dropdown-menu {
		margin-left: 5%
	}
}

ul.header-app-right-header>li.type .dropdown-menu .dropdown-item .icon-check {
	display: none;
	color: #0689dd;
	float: right;
	font-size: 20px
}

ul.header-app-right-header>li.type .dropdown-menu .dropdown-item.selected .icon-check {
	display: block
}

.view-dialog {
	position: absolute;
	top: 66px;
	left: calc(30% + 50px);
	right: 50px;
	padding-right: 10px;
	bottom: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 10000;
	background: inherit
}

@media screen and (max-width:1024px) {
	.view-dialog {
		width: 564px;
		left: calc(30% + 25px)
	}
}

.view-dialog .doc-check-header {
	display: none
}

.view-dialog .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
	left: 48%
}

.view-dialog .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header-container .close.icon-close {
	display: none
}

.view-dialog+.header-app-right-list {
	z-index: -1000;
	opacity: 0
}

.header-app-right-list {
	height: calc(100% - 56px);
	position: relative;
	overflow-y: auto;
	overflow-x: hidden
}

.header-app-right-list>ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.header-app-right-list.first-level .first-list,
.header-app-right-list.second-level .second-list,
.header-app-right-list.third-level .third-list {
	z-index: 10
}

.header-app-right-item {
	margin: 0 35px;
	height: 59px;
	line-height: 59px
}

@media screen and (max-width:1366px) {
	.header-app-right-item {
		margin-left: 15px
	}
}

.header-app-right-item+li {
	border-top: 1px solid rgba(0, 0, 0, .03)
}

.header-app-right-item>div {
	display: inline-block
}


.header-app-right-item .left-icon {
	width: 30px;
	height: 100%;
	margin-right: 35px;
	vertical-align: top;
	background: #f4f8fb;
	text-align: center
}

@media screen and (max-width:1366px) {
	.header-app-right-item .left-icon {
		margin-right: 15px
	}
}

.header-app-right-item .left-icon>i[class*=' icon-'],
.header-app-right-item .left-icon>i[class^=icon-] {
	color: #0689dd;
	font-size: 20px;
	vertical-align: sub
}

.header-app-right-item .left-icon .file-img {
	width: 27px;
	height: 36px;
	display: inline-block;
	vertical-align: middle
}

.header-app-right-item .left-icon .file-img img {
	width: 100%;
	height: 100%;
	vertical-align: 24px
}

.header-app-right-item .left-icon .file-img img[src=''] {
	display: none
}

.header-app-right-item .left-icon .diyCheckbox {
	vertical-align: sub;
	cursor: default
}

.header-app-right-item .item-name {
	width: calc(64% - 65px);
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.header-app-right-item:hover .right-operate .item-info {
	display: none
}

.header-app-right-item:hover .right-operate .operate {
	display: inline-block
}

.header-app-right-item .right-operate {
	width: 33%;
	vertical-align: top;
	text-align: right
}

.header-app-right-item .right-operate .item-info {
	font-size: .75rem;
	color: #a3a3a3
}

.header-app-right-item .right-operate .item-info .author {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: calc(100% - 134px);
	display: inline-block;
	vertical-align: top
}

.header-app-right-item .right-operate .operate {
	display: none
}

.header-app-right-item .right-operate .operate span {
	cursor: pointer
}

.header-app-right-item .right-operate .operate span+span {
	margin-left: 30px
}

.tomato-clock-modal {
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
	border-radius: 6px;
	position: absolute;
	width: 400px;
	height: 540px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%
}

.tomato-clock-modal header {
	height: 50px;
	padding: 0 21px;
	line-height: 50px;
	overflow: hidden
}

.tomato-clock-modal header h5 {
	text-align: center;
	line-height: inherit;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	padding: 0 30px;
	font-size: 16px
}

.tomato-clock-modal header i.icon-close {
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
	font-size: 23px;
	position: absolute;
	right: 21px;
	top: 13px;
	color: #a3a3a3;
	cursor: pointer
}

.tomato-clock-modal header i.icon-close:hover {
	color: rgba(0, 0, 0, .54)
}

.tomato-clock-modal main {
	text-align: center
}

.tomato-clock-modal main .clock-main {
	margin-top: 55px
}

.tomato-clock-modal main p {
	margin: 39px auto 87px
}

.tomato-clock-modal main .btn-outline {
	width: 120px;
	height: 36px;
	font-size: 14px;
	color: #ff7171;
	border-color: currentColor;
	border-radius: 53px;
	padding: 0;
	line-height: 36px
}

.tomato-clock-modal footer {
	font-size: 14px;
	color: #666
}

.tomato-clock-modal footer i.icon-Group-17 {
	color: #ff7b71;
	font-size: 23px;
	vertical-align: sub;
	margin-left: 23px
}

.header {
	width: 100%;
	height: 54px
}

.user-profile .dropdown-toggle,
.vip {
	cursor: pointer
}

.vip {
	float: right;
	margin-right: 35px;
	width: 21px;
	margin-top: 18px
}

.nav-right .btn.hidden {
	display: none!important
}

.userSettings>li.version:hover {
	background: transparent
}

body.inside-modal-open #navigator .nav-item.active {
	background-color: transparent;
	box-shadow: none;
	border: none
}

body.inside-modal-open #navigator .nav-item.active a {
	color: #617a8b!important
}

.vip-func-1 {
	color: #0f8ee5;
	float: right;
	margin-right: 15px;
	cursor: pointer
}
}